![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 78
MaterialCoder
一个热爱前端开发的材料工科生
展开
-
CSS清除浮动方法及优缺点分析
一、什么是浮动通过设置元素的float值不为none,使得元素按照特定的方向脱离文档流,不占据空间。浮动元素碰到包含它的父元素的边框或者浮动元素的边框停留。设置浮动后的行内元素,可以设置其宽和高。二、浮动带来的问题 div1 div2 1. 父元素的高度塌陷;2. 浮动元素后面的同级非浮动元素会提高,有可能被遮挡(但是div2里面的文字会环绕在d原创 2017-08-25 17:28:55 · 546 阅读 · 0 评论 -
BFC与margin-collapse(外边距合并)
一、什么是BFC?BFC即Block Formatting Context,直译为“块级格式化上下文”,它是W3C CSS2.1规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。它其实就是一个看不见摸不着的区域,不管BFC元素内部子元素怎么变化,都不会影响外部的元素。常用来解决如清除浮动、防止margin重叠等问题。二、BFC布局规则内部的Bo原创 2017-09-07 10:42:57 · 394 阅读 · 0 评论 -
display:none、visibility:hidden和opacity:0之间的区别
一、空间占据display:none隐藏后不占据额外空间,它会产生回流和重绘,而visibility:hidden和opacity:0元素虽然隐藏了,但它们仍然占据着空间,它们俩只会引起页面重绘。代码: div { width: 200px; height: 200px; background: #ccc; margin-top: 10px; } .div1原创 2017-09-10 22:29:47 · 15245 阅读 · 3 评论