• 技术文章 >web前端 >css教程

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

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

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

    更多div的隐藏占用空间位置关系相关文章请关注PHP中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:div
    上一篇:css3 过渡和2d变换 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 聊聊怎么利用CSS实现波浪进度条效果• 手把手教你使用CSS实现酷炫六边形网格背景图• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景
    1/1

    PHP中文网