盒模型之隐藏与overflow

1. 隐藏

方式一:
以盒子透明度隐藏:0~1
盒子真正意思上透明,但盒子区域占位还在
opacity: 0;
方式二:
盒子从文档中移除,盒子的区域占位消失
当盒子重新获得显示方式,该盒子依旧从消失位置显示
display: none;

2. overflow

显示区域只能由父级大小决定

  1. 以滚动的方式允许子级所有内容显示
    overflow: auto;overflow: scroll;
  2. 只运行子级在父级所在区域的部分显示,超出的部分影藏
    overflow: hidden;

你可能感兴趣的:(盒模型之隐藏与overflow)