0

如何让 div 垂直浮动?如果 div 上方有空白空间,那么它应该向上填充空间,将空白空间留在底部。

 float:left // for floating horizontally

我有许多 div 水平浮动,宽度固定但高度不固定。我希望在不留空位的情况下安排它们。

如何才能做到这一点?

4

2 回答 2

0

div 永远不会在其上方留下空白空间。它将填充空间,然后文档将继续到底部。

我想,有某种paddingmargin存在。

您可以尝试给 div 一个绝对位置:

div {
position: absolute;
top: 0;
}

这样,div 将几乎被放置到页面顶部!与其他元素重叠,您可以以top您给予的方式给予一些价值margin-top

我希望它有所帮助。

于 2013-10-04T17:13:46.087 回答
0

让我假设您遇到以下问题:您有一些高度不同的 div 在几行中一个接一个。比如说,第一行有一个非常高的,迫使第二行的所有 div 都“下潜”更深。我有一种强烈的感觉,目前没有跨浏览器的纯 css 方法可以大大改善这种外观。但是,您至少可以通过

 display:inline-block;
 vertical-align:top 

代替

float:left. 

它看起来像这样:

http://jsfiddle.net/wHTQ2/

如果您需要更好看的东西,请看这个问题: css float elements with unequal heights left and up in grid 我相信这与您正在寻找的东西相同。不幸的是,纯 CSS 无能为力

于 2013-10-04T18:51:18.303 回答