我遇到一个问题,其中将<body>
元素下推,从而创建了不必要的滚动条,该滚动条等于margin-top
元素的<header>
的高度,除非我将填充或边框应用于其子包装div。
该代码可在此JSFiddle上获得。
最佳答案
这是预期的行为。这是由于“利润暴跌”。
以下是可供阅读的资源清单:Why is padding to a wrapper div looks different the margin to an inner div?
在您的情况下,最简单的解决方法可能是将overflow: hidden
添加到包装器中:
http://jsfiddle.net/thirtydot/wgdMF/5/
#land-wrapper {
overflow: hidden;
}