保证金底部不与基于百分比的高度一起工作

我无法将保证金底部属性添加到已拉伸以匹配浏览器高度的元素。例如：保证金底部不与基于百分比的高度一起工作

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; 
    }

无论像素也不百分比值工作，以延长边距属性。

附上说明我的问题的jsfiddle：margin-bottom problem

谢谢！

来源

2013-10-05 spwx

它的工作原理，好像你要'padding'而不是'margin' –

它工作正常。

添加另一

<section></section>

看到利润率

<body> 
<section>hello</section> 
<section>yo</section> 
</body>

来源

2013-10-05 13:37:15

保证金底部不与基于百分比的高度一起工作

回答

相关问题