IE中css样式设置height无效的解决方法
内容摘要
请看代码:
复制代码代码如下:
<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div>
显示的结果应该是个小点,但是在ie下就是显示
复制代码代码如下:
<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div>
显示的结果应该是个小点,但是在ie下就是显示
文章正文
请看代码:
<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div>
显示的结果应该是个小点,但是在ie下就是显示一个竖长条,就是说height无效,这就是IE一bug
解决办法,添加overflow:hidden;
<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;overflow:hidden;"></div>
解决问题。
复制代码
代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div>
显示的结果应该是个小点,但是在ie下就是显示一个竖长条,就是说height无效,这就是IE一bug
解决办法,添加overflow:hidden;
复制代码
代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;overflow:hidden;"></div>
解决问题。
代码注释