布局有什么效果
接着上次的布局来说布局有什么效果
布局是许多IE/Win显示bug的根源。例如,如果一个文本段落靠着一个浮动元素,那么期望文本围绕这个元素。但是,在Windows上的IE 6和更低版本中,如果段落拥有布局(例如,由于设置了高度),那么它就被限制为矩形,因此阻止文本围绕浮动元素(见图9-5 ) 。

这会导致浮动布局的各种问题。更糟的是,许多人使用IE作为主浏览器,他们会错误地认
为这才是正确的表现,在其他浏览器以不同方式处理浮动元素时,他们反而会迷惑不解。
另一个问题涉及拥有布局的元素如何确定自己的尺寸。如果元素的内容变得比元素本身大,
那么期望内容流出到元素外。但是,在Windows上的fE 6和更低版本中,拥有布局的元素会错
误地扩展以便适应内容的尺寸(见图9一6)。

这意味着IEIWin中的width实际上更像是min-widtho这种行为也是在IE/Win中许多浮动
布局被破坏的原因。当浮动框的内容错误地迫使框的宽度增加时,框对于可用空间来说太大了,
因此下降到其他浮动元素下面。
其他问题包括:
拥有布局的元素不进行收缩。
布局元素对浮动进行自动清理。
相对定位的元素不获得布局。
在拥有布局的元素之间空白边不叠加。
在不拥有布局的块级链接上,单击区域只覆盖文本。
在下一节中,我们将讨论一些最常见的浏览器bug,你会注意到对于Windows上的iE的许多修复方法都涉及通过设置属性迫使元素拥有布局。实际上,如果遇到一个IE/Win bug,首先应该做的事情之一就是尝试通过应用规则迫使元素拥有布局,看看这是否可以修复问题。
如果希望进一步了解IE的内部hasLayout属性,我建议阅读http://tinyurl.camlacg78上的“On Having Layout”。
您必须登录 后才能发表评论.