1

我希望这个小提琴可以解释我想要什么。当我有一个 3 列的布局(一左一右,最后一列在中心(CSS 上没有设置浮点数)时,布局是完美的!但是,如果我想在 CSS 中设置浮点数在中心空间中添加一些元素,如果我设置一个“clear:left;”,我会在左列内容的末尾得到新元素......这是令人讨厌的结果!

但是,如果您看到我的小提琴,您可以更好地理解我想要什么。

4

2 回答 2

2

如果我理解正确,你不能在中心添加元素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>
于 2012-08-11T07:05:07.120 回答
1

确保小心使用宽度、最小宽度、最大宽度 css 属性,并非常小心使用 position:relative 和 display:block。

在使用上述 css 属性后,在最后使用边距,不要在没有BORDERS的css 中工作如果您不为元素添加边框,请查看设计从哪里开始中断。

使用浮动时要记住的另一点是,确保浮动元素具有相同的高度,因为

|  |
|  |    | |

当这些 div 中的每一个(左一个高度为 100 像素,右一个高度为 50 像素)向右浮动时,会导致右 div 低于左 div。

于 2012-08-11T15:57:33.620 回答