相对容器中的绝对定位
相对容器中的绝对定位
我要讨论的最后·个主要浏览器bug涉及相对定位容器中的绝对定位元素在前面的章节中你学到将绝对定位的元素嵌套在相对容器中是多么有用。但是,IE 6和更低版本在使用这种技术时有许多bug.
这些bug的原因在于相对定位的元素没有获得IEIWin的内部haSLayout属性。因此,它们不创建新的定位上下文,所有绝对定位元素相对于视口进行定位(见图9-11 )。

为了使Windows上的IE 6和更低版本的表现正确,需要迫使相对定位的容器拥有布局。一种方法是在容器上显式地设置width和height。但是,常常希望在不知道容器的width和height的情况下,或者在需要这些属性保持灵活的情况下使用这种技术。
可以使用Holly招数为容器提供一个任意的高度。这会让容器拥有布局,但是因为IE 6和更低版本中的元素会不正确地扩展以适应它们的内容,所以设置小的高度不会影响实际高度。
/*Hides from IE-Mac\*/
*html .container(
height:1%;
}
/*End hide from I〔一Mac*/
您必须登录 后才能发表评论.