CSS Float 位置问题

标签 css positioning css-float

我知道有很多关于 float 的问题,但我似乎对如何克服这个问题有点困惑。

在这里查看我的示例:http://jsfiddle.net/eE9WT/1/

我正在尝试做的(或者事实上,试图避免)是在第二个 .float div 启动后启动第三个 .float div。

我希望第三个 div 直接位于第一个 div 的下方,从而利用页面上的所有空间。我知道我可以将其分为两列,但我想知道是否有更好的解决方案而不必这样做。

信不信由你,在我 5 年的 Web 开发生涯中,这似乎是我第一次遇到这个问题!

谢谢大家

最佳答案

本文将有助于创建 float 框布局:http://matthewjamestaylor.com/blog/floating-boxes-css-layout.htm

还可以查看他的其他布局,以防它们看起来更适合您的设计!

关于CSS Float 位置问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9700940/

相关文章:

css - 我无法使用 CSS 下拉菜单

html - 在html中并排 float 多个元素

html - float div 中的列表

html - 我在尝试将按钮放在导航栏旁边时遇到问题

javascript - Bootstrap 模式未按我的要求显示

css - 在某些情况下禁用 stylelint 警告

css - 分区 :after - add content after DIV

css - 在不使用垂直空间的情况下在图像上对齐按钮

html - 当在 ul li a 中一起使用 float 和 list-style 属性时,列表圆圈似乎在列表项上方

css - p.class :first-line does not work