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

2022-06-16    分类： 网站建设

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

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

当前文章：div的隐藏占用空间位置关系
URL网址：https://www.cdcxhl.com/news/167791.html

成都网站建设公司_创新互联，为您提供企业建站、响应式网站、品牌网站建设、Google、做网站、定制网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

外贸网站制作

网站建设知识

行业建站