相关疑难解决方法(0)

什么是clearfix?

最近我查看了一些网站的代码,发现每个人<div> 都有一个班级clearfix.

经过快速谷歌搜索,我了解到它有时适用于IE6,但实际上是什么是一个clearfix?

与没有clearfix的布局相比,您能提供一些带有clearfix的布局示例吗?

html css layout cross-browser clearfix

972
推荐指数
7
解决办法
64万
查看次数

我可以使用哪种'clearfix'方法?

我有一个div包装两列布局的古老问题.我的侧边栏是浮动的,所以我的容器div无法包装内容和侧边栏.

<div id="container">
  <div id="content"></div>
  <div id="sidebar"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

似乎有很多方法可以修复Firefox中的明确错误:

  • <br clear="all"/>
  • overflow:auto
  • overflow:hidden

在我的情况下,唯一似乎正常工作的是<br clear="all"/>解决方案,这有点邋.. overflow:auto给我讨厌的滚动条,overflow:hidden肯定有副作用.此外,IE7显然不应该由于其不正确的行为而遭受这个问题,但在我的情况下,它与Firefox的痛苦相同.

目前我们可以采用哪种方法最强大?

css clearfix

856
推荐指数
17
解决办法
46万
查看次数

有人可以向我解释为什么清楚:两者和margin-top不能在同一个div中工作

我已经遇到过一些解释,包括stackoverflow,但不幸的是,我仍然无法完全理解它的原因是什么.

那么,有人可以用简单的方式解释一下吗?

这是一个类似于我问的问题,但我不明白是什么原因.它解决了我的问题,但我只想知道原因.

margin-top无法使用clear:both

谢谢

css css-float

3
推荐指数
1
解决办法
3950
查看次数

标签 统计

css ×3

clearfix ×2

cross-browser ×1

css-float ×1

html ×1

layout ×1