如何让 div 垂直浮动?如果 div 上方有空白空间,那么它应该向上填充空间,将空白空间留在底部。
float:left // for floating horizontally
我有许多 div 水平浮动,宽度固定但高度不固定。我希望在不留空位的情况下安排它们。
如何才能做到这一点?
div 永远不会在其上方留下空白空间。它将填充空间,然后文档将继续到底部。
我想,有某种padding
或margin
存在。
您可以尝试给 div 一个绝对位置:
div {
position: absolute;
top: 0;
}
这样,div 将几乎被放置到页面顶部!与其他元素重叠,您可以以top
您给予的方式给予一些价值margin-top
。
我希望它有所帮助。
让我假设您遇到以下问题:您有一些高度不同的 div 在几行中一个接一个。比如说,第一行有一个非常高的,迫使第二行的所有 div 都“下潜”更深。我有一种强烈的感觉,目前没有跨浏览器的纯 css 方法可以大大改善这种外观。但是,您至少可以通过
display:inline-block;
vertical-align:top
代替
float:left.
它看起来像这样:
如果您需要更好看的东西,请看这个问题: css float elements with unequal heights left and up in grid 我相信这与您正在寻找的东西相同。不幸的是,纯 CSS 无能为力