我无法将margin-bottom属性添加到已拉伸以匹配浏览器高度的元素。例子:
HTML:
<body>
<section></section>
</body>
CSS
html, body {
height: 100%;
min-height: 100%;
background-color: #FFF;
}
section {
height: 100%;
min-height: 100%;
margin-bottom: 50%;
background-color: #000;
}
像素和百分比值都不能扩展 margin-bottom 属性。
附件是一个说明我的问题的jsfiddle:margin-bottom问题
谢谢!