div的隐藏占用空间位置关系

概述display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用 visibility:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而 display:none属性会使这个对象彻底消失（看不见也摸不到）。”这样的解释。但是我觉得并不够，所以就想了一下关于他的一个加载问题。有属性display:none;的结构在加载页面时，是否会同时加载呢？或则是当他变成display:block;的时候才加载的呢？有属性visibility:hidden; 的结构在加载页面时，是否会同时加载呢？或则是当他变成visibility:visible; 的时候才加载的呢？个人的看法是：display:;当他的值变成block 的时候，它所在的结构才会被加载进来。而visibility就会在加载页面的同时就已经把它加载进来了，因为他的值为hidden的时候，它所占的空间还在。

display:none和visibility:hIDden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用 visibility:hIDden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而 display:none属性会使这个对象彻底消失（看不见也摸不到）。”这样的解释。但是我觉得并不够，所以就想了一下关于他的一个加载问题。有属性display:none;的结构在加载页面时，是否会同时加载呢？或则是当他变成display:block;的时候才加载的呢？有属性visibility:hIDden; 的结构在加载页面时，是否会同时加载呢？或则是当他变成visibility:visible; 的时候才加载的呢？

个人的看法是：
display:;当他的值变成block 的时候，它所在的结构才会被加载进来。
而visibility就会在加载页面的同时就已经把它加载进来了，因为他的值为hIDden的时候，它所占的空间还在。

总结

以上是内存溢出为你收集整理的div的隐藏占用空间位置关系全部内容，希望文章能够帮你解决div的隐藏占用空间位置关系所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。