我希望这个小提琴可以解释我想要什么。当我有一个 3 列的布局(一左一右,最后一列在中心(CSS 上没有设置浮点数)时,布局是完美的!但是,如果我想在 CSS 中设置浮点数在中心空间中添加一些元素,如果我设置一个“clear:left;”,我会在左列内容的末尾得到新元素......这是令人讨厌的结果!
但是,如果您看到我的小提琴,您可以更好地理解我想要什么。
如果我理解正确,你不能在中心添加元素clear:left;
,没有理由这样做。给所有元素,display: inline-block;vertical-align:top;
然后像这样设置你的html。它们将是一个左、一个右和最后一个在中心,以及一个不需要的元素。
<div class="width:200px;/* you can set if you want */">fist elem</div>
<div>content</div>
<div>some elements</div>
<div class="width:200px;/* you can set if you want */">last elem</div>
确保小心使用宽度、最小宽度、最大宽度 css 属性,并非常小心使用 position:relative 和 display:block。
在使用上述 css 属性后,在最后使用边距,不要在没有BORDERS的css 中工作如果您不为元素添加边框,请查看设计从哪里开始中断。
使用浮动时要记住的另一点是,确保浮动元素具有相同的高度,因为
| |
| | | |
当这些 div 中的每一个(左一个高度为 100 像素,右一个高度为 50 像素)向右浮动时,会导致右 div 低于左 div。