0

问题：不能仅使用 CSS 堆叠浮点数。

在示例http://jsfiddle.net/9YQXP/7/中，我有 3 个 div，其宽度是其容器的 35%。我不会提前知道每个 div 的高度，但我希望第三个 div 堆叠在第一个 div 的正下方。

HTML

<div id="a1">a1</div>
<div id="a2">a2</div>
<div id="a3">a3</div>

CSS

div {
    text-align: center;
    float: left;
    width: 35%;
    border: 1px solid #000;
}
#a1, #a3 {
    height:20px
}
#a2 {
    height:30px
}

其他答案：已通过指向http://masonry.desandro.com/的链接回答了类似的问题（Float stacking css ） 。但是，它已通过 javascript 解决方案得到解答，我也更喜欢仅使用 CSS（或使用砖石的工作示例）。

4

1 回答 1

2

仅靠 CSS 无法做到这一点。根据花车的规格：

5) The outer top of a floating box may not be higher than the outer top of any block or floated box generated by an element earlier in the source document.

于 2013-03-19T18:35:08.100 回答