css - 高度是:0 and width:0 needed if applying a display:none already?

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

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

查看演示 here

CSS 更改

.two{
    visibility:hidden;
}