隐藏<div>的各种方法有哪些？
隐藏<div>的各种方法有哪些？
提问于 2013-08-16 12:18:37
对，我是个CSS菜鸟。我正试图整理各种方法来隐藏一个div。
例如：
display:none;
visibility:hidden;还有更深奥的吗？
忘记JQuery，JavaScript，事件..。我只是想知道有很多内容和子div的div最终会被隐藏的各种CSS方式？
我之所以要这样做，是因为我在看一些代码，而div是不可见的。为什么我不知道？可能是家长的事。
迪夫有不同的职业，而这一个看起来像罪犯-
.div-content {
position: absolute;
left: 70px;
right: 0;
top: 55px;
bottom: 0;
display: block;
overflow-x: hidden;
overflow-y: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
margin: 0;
/*width: 90%;*/
background-image: none !important;
background-color: #F8F7F7;
}我将范围缩小到这个类，只需在其他类中进行注释。当这个类被注释掉时-我可以看到div。
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-08-16 12:23:09
几种可能性：
display: none-这将导致浏览器不呈现它。这也会使它完全消失在屏幕上的读者以及，所以要小心。visibility: hidden-这将导致浏览器呈现它，它将是不可见的，但会留下一个与元素大小相对应的空间。position: absolute并将其发送到一个荒谬的位置(例如，假定父元素的**overflow没有设置为auto或scroll**).** )--当您希望元素实际上不可见，但仍然存在于源或DOM中时，此操作很好。width将和height设置为0，并确保overflow: hidden--与上面相同，元素将完全不可见，但仍然存在于DOM或源中。opacity: 0-只有通过不同的方法(即改变元素的实际不透明度)才能实现visibility: hidden的相同效果。
这一切都取决于你为什么需要它。
- 您想要使元素完全消失吗？
display: none(并使它与display: block一起重新出现)是您的选择。 - 你想给它动画吗？使用
opacity: 0或width&height可能是一个更好的选择，可能还有一些JavaScript。 - 希望屏幕阅读器能够访问它，但实际上它是不可见的(例如，隐藏的图像标题？)，与
position: absolute; left: -99999px一起运行很好。
Stack Overflow用户
发布于 2013-08-16 12:22:44
不过，这不是一个很好的练习，你可以用
opacity:0Stack Overflow用户
发布于 2013-08-16 12:20:31
我不知道你为什么问这样的问题，但这里有另一种隐藏元素的方法：
element.style {
width: 0px;
height: 0px;
overflow: hidden;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18273196
复制相关文章
相似问题
腾讯云开发者
