H5和Css3基础
请叫我杰拉德6
这个作者很懒,什么都没留下…
展开
-
绝对定位和浮动造成的高度塌陷问题怎么解决?
第一种,如果是浮动所造成的高度塌陷问题,直接用clearfix可以解决第二种,如果是绝对定位造成高度塌陷问题,可不可以用clearfix来解决呢?我们可以看到是不能够解决问题的,那这里给盒子1设置高度才可以解决问题总结一下若是浮动所造成的高度塌陷问题,直接用clearfix可以解决若是绝对定位造成高度塌陷问题,给父元素一个高度...原创 2020-04-08 02:21:08 · 3476 阅读 · 1 评论 -
clearfix的来龙去脉
在我们开发过程中,经常会遇到高度塌陷问题,这时候肯定得用上clearfix来解决下面就简单聊一聊clearfix是怎么来的第一步:现在情景假设一,盒子1里面套一个盒子2,仅设置盒子2大小和开启浮动,可以看见盒子2的父元素高度塌陷了第二步:在盒子1里面新增一个div即盒子3,并且给盒子3清除盒子2的浮动对它造成的影响,看看效果会怎么变化第三步,去掉aaa,可以发现高度不塌了!!!这样...原创 2020-04-08 02:03:15 · 136 阅读 · 1 评论 -
CSS中display和visibility隐藏区别
在我们开发中,经常需要对一些元素进行隐藏,在css中提供了2种隐藏属性供开发者使用,分别是display和visibility现在简单回顾一下display属性:inline (默认值) 显示为内联元素none 此元素会被隐藏block 显示为块级元素inline-block 显示为行内块元素visibility属性:visible (默认值)元素是可见的hidden 此...原创 2020-04-07 04:39:04 · 199 阅读 · 0 评论 -
CSS中z-index属性叠加法则
在我们开发中,要想改变元素的层级,就要通过z-index属性z-index 属性指定一个元素的堆叠顺序属性值:auto 默认值 堆叠顺序与父元素相等数字 可以为正数,也可以为负数使用前提:z-index只能在position属性值为relative或absolute或fixed的元素上有效,对于文档流、浮动无效现在只是给了3个盒子开启定位,box3盖住了box2,box...原创 2020-04-06 00:04:22 · 487 阅读 · 0 评论 -
CSS中overflow属性用法
CSS中overflow属性用法overflow属性:设置父元素如何处理溢出内容可选值:1.visible. 默认值 内容不会被修剪,会呈现在元素框之外2.hidden. 内容会被修剪,并且其余内容是不可见的也就是说①当父元素设置了height值时,则设置overflow:hidden后子元素超出父元素部分隐藏;还有一个是②当父元素的高度是靠子元素撑开的时候,子元素浮动时,则在...原创 2020-03-29 14:31:26 · 1137 阅读 · 0 评论 -
高度塌陷和BFC
高度塌陷问题的产生在文档流中,父元素的高度默认是被子元素撑开的,子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时就会导致子元素无法撑起父元素的高度,由此引发父元素的高度塌陷代码如下:如果此时下面有其他元素,一旦你的父元素的高度塌陷,那么下面的元素必然会往上拱,这样会使你的页面布局非常混乱代码如下:...原创 2020-03-30 23:52:06 · 262 阅读 · 0 评论