IE6 CSS高度height:100% 计算失效/无效

发布时间：2023-03-03 05:40:13 来源：互联网

.

夕阳的金辉把绿色的林海染成金黄一片。火红的太阳慢慢地西落了，归鸟们纷纷从我头上飞过，飞回到它们的小巢。一轮明月从东方静悄悄地升上来。夜空中美丽的星星，似乎在眨着眼睛对我说：夜，来了！

好久没有写博文了，正好今天一个任务需求的修改，遇到了一个小小的问题(或者你已经遇到了)，在这里分享一下（虽然写的时候，因为工作的原因，心情很不爽，但还是打算坚持一下）。

样式

复制代码

代码如下:

#demo{position:relative;width:300px;border:1px solid #090;}#demo div{position:absolute;width:200px;height:100%;background-color:#f00;}

结构

复制代码

代码如下:

<div id=”demo”>
　　<div>position:absolute</div>
　　

</div>

在firefox、chrome、ie7+、opera中，#demo里面div的高度始终与#demo的高度一至，而ie6中则不会。请看下面的截图：

给#demo添加样式

复制代码

代码如下:

_height:500px;

在ie6中看看div的高度。

可见，当我们不设置父级元素的高度时，里面100%高度的div在ie6中计算出了问题。如果我们给父级设置个高度，100%高度的div的高度则会与#demo设置的高度相同。

OK，完美解决。（不过我自己的需求是父级不能定高，fuck之，最后调整了结构解决了，因为现在是还没上线的东西，所以不能用实际的例子，见谅。）

PS:最近喜欢上了使用gvim来写代码，感觉还不错。

到此这篇关于IE6 CSS高度height:100% 计算失效/无效就介绍到这了。你不能决定生命的长短，但你可以控制它的质量；你不能左右天气，但你可以改变心情；你不能改变容貌，但你可以展现笑容；你不能控制他人，但你可以掌握自己；你不能预知明天，但你可以掌握今天；你不能样样胜利，但你可以事事尽心。更多相关IE6 CSS高度height:100% 计算失效/无效内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： CSS height