html - float 元素容器不会完全覆盖它们

标签 html css height css-float

我有一个主容器,里面有 float 的 div。它停在他们面前,没有到达他们的底部?修复该问题的最佳跨浏览器方法是什么?

(有问题的页面是 http://lauradifazio.altervista.org/cms/,主容器是一个红色的 div,停在青色 + 橙色的下面,因为那个不是 float 的)

最佳答案

实现这个结果主要有两种方式,你需要:

  • float 离开主容器(这解决了您的问题,但出现更多问题,因为居中布局被破坏了)
  • 在主容器的结束标记之前放置一个样式为 clear:left 的空 div

因为这个概念是css设计的基础,我强烈建议你看看这本书:Gianluca Troiani - CSS: guida completa它涵盖了 css 布局的所有方面,真的可以改变你的生活……它改变了我的生活! :)

好运

关于html - float 元素容器不会完全覆盖它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4208045/

相关文章:

css - 页脚不随框高移动

jquery - div内容加载后获取div高度

html - 多页时页脚不显示(用于打印布局)

html - 正则表达式选择标签之间的所有文本

css - 我们在构建网站时是否必须考虑浏览器缩放?

jquery - 如何停止进度条Jquery

css - height:auto 无法正常工作,div 不会随着内容展开

html - 自定义导航和悬停时显示子菜单的问题

javascript - 使用 Javascript 检查给定 HTML 元素中是否存在子元素

php - page-break-after 循环