IE6 对浮动元素内的未指定宽度的块级元素错误的解释 BUG
来源:互联网 发布:矩阵式项目管理组织 编辑:程序博客网 时间:2024/05/29 02:16
我们来看下面的代码: 样式定义如下:
<div id="left">
<div id="title">Title</div>
</div>
<div id="title">Title</div>
</div>
#left{ float:left; border:1px solid blue; padding: 10px; }
#title{border: 1px solid green; padding:10px;}
#title{border: 1px solid green; padding:10px;}
很简单,在一个浮动的DIV内有一个DIV。这段代码在各浏览器中都能正确显示,如下:
但是当给 #title 加上一个高度的样式后,如下:
#left{ float:left; border:1px solid blue; padding: 10px; }
#title{border: 1px solid green; padding:10px; height:100px;}
#title{border: 1px solid green; padding:10px; height:100px;}
加了高度后,在各浏览器上面的显示效果为:
在 IE7 中显示正常(经测试,在 Firefox 和 Opera 中效果相同),而在 IE6 中,宽度发生了变化。大家如遇此情况要注意啦。
- IE6 对浮动元素内的未指定宽度的块级元素错误的解释 BUG
- ie6中容器内浮动元素的border边框不完全显示的bug
- IE6 BUG诡异的行内替换元素设置浮动并设置text-indent:xx px 影响相邻元素布局
- 块元素内的浮动元素超过总高度,下面的块元素位置
- 谈谈padding对块级元素宽度的影响
- 浮动,影响width:auto块级元素的默认宽度(宽度值与浮动之间的关系)
- [2017-03-04]行内元素和块级元素使用浮动后的变化
- 透彻理解块级元素的宽度
- 深入理解块级元素的宽度
- IE6的BUG,float浮动元素被非float元素挤到第二行
- 行内块元素/行内元素/块级元素的区别
- 内外边距对行内元素块级元素的影响
- 发现IE6、IE7下列表li中内联块级元素的错位bug
- 块元素/行内元素的转变
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- 行内元素和块级元素的区别
- 块级元素和行内元素的区别
- vmware6.0+Red Hat 9.0访问windows文件
- 翻译(二)SharePoint 2007管理入门:Windows SharePoint Service 3.0 and Microsoft Office SharePoint Server 2007
- SQL高级应用
- WebQQ
- J2EE
- IE6 对浮动元素内的未指定宽度的块级元素错误的解释 BUG
- WinForm 2.0 有代码两个DataGridView实现Master/Details
- nutch-0.8在eclipse中运行
- WinForm 2.0 textBox作为参数的查询,显示在DataGridView
- asp.net中正则表达式常用说明
- WinForm 2.0 下拉框的绑定
- WinForm 2.0 无代码DataGridView绑定
- WinForm 2.0 应用一 无代码实现详细信息绑定
- Iterator源码剖析