【问题标题】:CSS Padding vs Margin for Typography with Backgrounds in Parent vs ChildCSS Padding vs Margin for Typography with Background in Parent vs Child
【发布时间】:2013-10-29 04:22:43
【问题描述】:

我完全了解容器模型,但我想知道当前案例中的最佳实践。

这里是网站http://dev.permi.co/ - 基于 _s wordpress 主题。

这是 HTML 的一部分:

<div class='content-area'>
    <div class='entry-header'>
    <h1 class='entry-title'>
    </div>
</div>

这是当前的边距/填充:

.content-area {padding:10px;}
h1.entry-title {background-color:#111111;}

我所拥有的只是在父 div 上填充。这样我只需要添加一次填充,这似乎是我能找到的:CSS, nested divs & margins vs. padding

但是,他们提到背景,您或许应该在单个元素上使用填充。

我确实想要背景颜色周围的填充,所以颜色不会一直延伸。

但是,我还需要在 H1 内部进行填充,因此它不在排水沟旁边。

我是否需要移除父内边距,并为所有子元素添加内边距?然后也给这个 H1 加一个边距?

如果有,是否存在任何性能或兼容性问题?我对 CSS 很陌生,我更注重开发。

【问题讨论】:

  • 你有什么问题..?
  • 抱歉,不知怎么的,我还没准备好就提交了。输入标签后按回车键。

标签: css wordpress padding


【解决方案1】:

是的,最好的解决方案是将 padding 添加到 child objects... 或者将 background-color 添加到 父对象...

【讨论】:

    猜你喜欢
    • 2010-09-22
    • 2014-01-20
    • 2012-12-05
    • 2011-10-31
    • 1970-01-01
    • 2016-06-04
    • 1970-01-01
    相关资源
    最近更新 更多