相关疑难解决方法(0)

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

<div id="container">
  <div id="content"></div>
  <div id="sidebar"></div>
</div>

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

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

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

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

有没有之间的差异display:block;和display:table;？它看起来像包含dom节点的显示类型table-row和table-cell节点无关紧要.MDN表示,display:table;它使其表现得像一个表,但没有详细说明该行为是什么.那是什么行为？

同样,display:inline-block;和之间有区别display:inline-table;吗？