应用显示器时是否需要高度：0和宽度：0：没有？

Question

我将display:none应用于课堂。是否需要添加height:0和width:0？

我已经看到它们在某些地方使用过，所以它解决了旧浏览器的一些错误吗？

Answer 1

为了完全隐藏元素，您只需要应用display:none;。您不需要将宽度或高度设置为0，因为它对您的布局没有影响。 css显示属性自CSS1开始就存在，并且是跨浏览器。

选中此jsFiddle Demo

HTML

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>

CSS

div{
    width:50px;
    height:50px;
    margin:5px;
    background-color:red;
}

.two{
    display:none;
}

另一方面，如果您使用visibility属性......元素将消失但保持其原始位置。

请参阅演示here

CSS更改

.two{
    visibility:hidden;
}

Answer 2

不，您根本不需要添加height和width，display:none它是跨浏览器，您可以查看here

请参阅下面的图片了解浏览器兼容性

查看带有display:none

的摘录

＆＃13;

＆＃13;

div {
  background-color:blue;
  color: white;
  height: 40px;
  margin-bottom:5px;
}
.none {
  display: none;
}

＆＃13;

<div>div1</div>
<div>div2</div>
<div class="none">div3</div>
<div>div4</div>

＆＃13;

＆＃13;

＆＃13;