+ -
当前位置:首页 → 问答吧 → RM8003: 各浏览器中浮动元素与相邻的 Block Formatting Context 之间的关系有差异

RM8003: 各浏览器中浮动元素与相邻的 Block Formatting Context 之间的关系有差异

时间:2010-08-30

来源:互联网

1. 当容器有足够的剩余空间容纳 BFC 的宽度时,所有浏览器都会将 BFC 放置在浮动元素所在行的剩余空间内。
  2. 在 IE6 IE7 IE8 Chrome Opera 中,当 BFC 的宽度介于 "容器剩余宽度" 与 "容器宽度" 之间时,BFC 会显示在浮动元素的下一行;在 Safari 中,BFC 则仍然保持显示在浮动元素所在行,并且 BFC 溢出容器;在 Firefox 中,当容器本身也创建了 BFC 或者容器的 'padding-top'、'border-top-width' 这些特性不都为 0 时表现与 IE8(S)、Chrome 类似,否则表现与 Safari 类似。
  3. 在 IE6 IE7 IE8 Opera 中,当 BFC 的宽度大于 "容器宽度" 时,BFC 会显示在浮动元素的下一行;在 Chrome Safari 中,BFC 则仍然保持显示在浮动元素所在行,并且 BFC 溢出容器;在 Firefox 中,当容器本身也创建了 BFC 或者容器的 'padding- top'、'border-top-width' 这些特性不都为 0 时表现与 IE8(S) 类似,否则表现与 Chrome 类似。


本帖为以上问题的讨论专区,欢迎踊跃发帖,提出您的宝贵意见和建议,谢谢!

作者: w3help_6   发布时间: 2010-08-30

先顶上再看。
临近月末考核(这个月好像过去了,是下个月吧,看来版主要奋发图强了),我也算是全力支持版主了,版主分上可要多体现啊,呵呵

话说回来,怎么今天好像只有我一个人?帖帖沙发。别给我搞成个灌水啊。技术讨论帖,帮顶也是义不容辞,至于接分,也是楼主盛情难却啊,哈哈

……今天真这么安静吗?
……我怎么突然有种处身鬼片的感觉?
……一个人,坚强、忍耐地顶楼主的帖子
……这种精神,感动得自己都动容。
……想想楼主,你真行……

作者: theforever   发布时间: 2010-08-30