Question

是否可以为一个元素添加正常流量？这是我的麻烦：

HTML：

<div class="block pink float"></div>
<div class="block blue float clear"></div>
<div class="block green float"></div>

的CSS：

.block {
   width: 200px;
   height: 200px;
}
.clear { clear: left; }
.float { float: left; }
.pink { background: #ee3e64; }
.blue { background: #44accf;}
.green { background: #b7d84b; height: 400px;}

http://jsfiddle.net/E2uLk/

我需要我的绿色块从粉红色开始浮动（位于文档的顶部和粉红色的右侧）。我无法更改html结构或添加任何额外的包装器。您可以在Internet Explorer 7 :)中看到预期的结果（导致一些错误，但我需要在所有现代浏览器中都一样）。非常感谢。

Answer 1

这是一种干净的方法：http://jsfiddle.net/E2uLk/5/

你漂浮着粉红色和蓝色你用蓝色清除浮子。
你从粉红色和蓝色的宽度偏移绿色。

.pink  { background: #ee3e64; float: left; }
.blue  { background: #44accf; float: left; clear: both; }
.green { background: #b7d84b; height: 400px; margin-left: 200px; }

Answer 2

因为您的块的固定高度为200px，所以您可以添加：

.green{ margin-top: -2OOpx;}

这会将绿色区块向上移动到粉红色区块的高度（200px）。

一个元素的正常流量

2 个答案: