IE中css样式设置height无效的解决方法

当前位置 : 首页 > 网页制作 > CSS > IE中css样式设置height无效的解决方法

IE中css样式设置height无效的解决方法

来源: 作者: 时间:2015-11-06 13:12
height无效有没有见到过这种情况哈,我遇到了是在ie中测试网页时发现的,网上思索搜集了半天终于找到了解决方法,接下来与大家分享下,感兴趣的朋友可以参考下哈
height无效有没有见到过这种情况哈,我遇到了是在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>

解决问题。
Tag:
上一篇:[CSS教程]
下一篇:[浏览器兼容教程]
网友评论

<