Question

我有两个浮动div，每个都是50％宽，我遇到的问题是我不能让它们伸展到窗户的整个高度。基本上我希望每个div有50％的宽度和100％的高度（但它不起作用）

HTML

<section>
    <div></div>
</section>
<section>
    <div></div>
</section>

CSS

section {
    background: black;
    width: 50%; min-height: 100%; height: 100%;
    margin: 0;
    float: left;
}
section > div {
    height: 100%;
}

Answer 1

假设当你谈到100％的高度时，你指的是100％的视口，为了对像div这样的元素使用100％的高度，你需要将它的容器元素设置为100％以及...很可能，你的身体/ html标签没有设置为100％，这就是为什么你设置100％高度到你的两个浮动div似乎不起作用的原因！

例如：

html, body { width:100%; height:100%; }
div#one { float:left; width:50%; height:100%; }
div#two { float:right; width:50%; height:100%; }

这是一个示例CSS代码，还有其他方法可以使用更少的代码...

希望它有所帮助！

Answer 2

我认为这可能对你有帮助..

http://www.alistapart.com/articles/fauxcolumns/

它表示如何对齐列：）

如何在CSS中设置浮动div的高度？

2 个答案: