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

我之所以要赞美你,更重要的是因为:你还哺育春天的的摇篮。 "冬天来了,春天还会远吗? "在冬天里,思想被提纯了,一直被坚定了,力量在储蓄着。一旦春风拂面,一切更争先恐后,生气勃勃,万紫千红,千姿百态。仿佛含苞的花蕾忽然绽开。
请看代码:
复制代码
代码如下:

<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>

解决问题。

到此这篇关于IE中css样式设置height无效的如何解决方法就介绍到这了。最可怕的敌人,就是没有坚定的信念。更多相关IE中css样式设置height无效的如何解决方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例