github_39673115的博客

一、什么是浮动 通过设置元素的float值不为none，使得元素按照特定的方向脱离文档流，不占据空间。浮动元素碰到包含它的父元素的边框或者浮动元素的边框停留。设置浮动后的行内元素，可以设置其宽和高。 二、浮动带来的问题 div1 div2 1. 父元素的高度塌陷； 2. 浮动元素后面的同级非浮动元素会提高，有可能被遮挡（但是div2里面的文字会环绕在d

一、什么是BFC？ BFC即Block Formatting Context，直译为“块级格式化上下文”，它是W3C CSS2.1规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。它其实就是一个看不见摸不着的区域，不管BFC元素内部子元素怎么变化，都不会影响外部的元素。常用来解决如清除浮动、防止margin重叠等问题。 二、BFC布局规则 内部的Bo

一、空间占据 display:none隐藏后不占据额外空间，它会产生回流和重绘，而visibility:hidden和opacity:0元素虽然隐藏了，但它们仍然占据着空间，它们俩只会引起页面重绘。 代码： div { width: 200px; height: 200px; background: #ccc; margin-top: 10px; } .div1