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 类似。
本帖为以上问题的讨论专区,欢迎踊跃发帖,提出您的宝贵意见和建议,谢谢!
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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28