weixin_46505015的博客

第一种，如果是浮动所造成的高度塌陷问题，直接用clearfix可以解决 第二种，如果是绝对定位造成高度塌陷问题，可不可以用clearfix来解决呢？ 我们可以看到是不能够解决问题的，那这里给盒子1设置高度才可以解决问题 总结一下 若是浮动所造成的高度塌陷问题，直接用clearfix可以解决 若是绝对定位造成高度塌陷问题，给父元素一个高度 ...

在我们开发过程中，经常会遇到高度塌陷问题，这时候肯定得用上clearfix来解决 下面就简单聊一聊clearfix是怎么来的 第一步：现在情景假设一，盒子1里面套一个盒子2，仅设置盒子2大小和开启浮动，可以看见盒子2的父元素高度塌陷了 第二步：在盒子1里面新增一个div即盒子3,并且给盒子3清除盒子2的浮动对它造成的影响，看看效果会怎么变化 第三步，去掉aaa，可以发现高度不塌了！！！ 这样...

在我们开发中，经常需要对一些元素进行隐藏，在css中提供了2种隐藏属性供开发者使用，分别是display和visibility 现在简单回顾一下 display属性： inline （默认值） 显示为内联元素 none 此元素会被隐藏 block 显示为块级元素 inline-block 显示为行内块元素 visibility属性： visible （默认值）元素是可见的 hidden 此...

在我们开发中，要想改变元素的层级，就要通过z-index属性 z-index 属性指定一个元素的堆叠顺序 属性值： auto 默认值 堆叠顺序与父元素相等 数字 可以为正数，也可以为负数 使用前提： z-index只能在position属性值为relative或absolute或fixed的元素上有效，对于文档流、浮动无效 现在只是给了3个盒子开启定位，box3盖住了box2，box...

CSS中overflow属性用法 overflow属性:设置父元素如何处理溢出内容 可选值: 1.visible. 默认值 内容不会被修剪，会呈现在元素框之外 2.hidden. 内容会被修剪，并且其余内容是不可见的 也就是说①当父元素设置了height值时，则设置overflow:hidden后子元素超出父元素部分隐藏；还有一个是②当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在...

高度塌陷问题的产生 在文档流中，父元素的高度默认是被子元素撑开的，子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时就会导致子元素无法撑起父元素的高度，由此引发父元素的高度塌陷 代码如下： 如果此时下面有其他元素，一旦你的父元素的高度塌陷，那么下面的元素必然会往上拱，这样会使你的页面布局非常混乱 代码如下： ...