html - 为什么一个元素的填充会影响另一个元素的边距？

Question

我有这个页面:http://jsfiddle.net/minitech/yU3aj/show/

如果您查看源代码，CSS 定义了 <header>每边应该有 135px 的侧边距，内容每边应该有 135px 的边距。为什么内容最终的间距是原来的两倍？

Answer 1

事实并非如此。您在 <header> 中 float 元素并且不清除它们。

添加clear: both;以你的风格为内容div它将移动到标题下方和左侧。