piaoliangj的博客

文章目录BFC 和 触发BFC1.常见定位方案2.BFC是什么3.触发/创建 BFC4.BFC 特性及其应用 BFC 和 触发BFC 1.常见定位方案 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML 文档中的位置决定。 浮动 (float) 在浮动布局中，元素

文章目录CSS 浮动和清除浮动1.浮动是什么2. 浮动的值3.浮动的特性4.为什么要清除浮动5.清除浮动的方法 CSS 浮动和清除浮动 1.浮动是什么 float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性。 2. 浮动的值 left 表明元素必须浮动在其所在的块容器左侧的关键字。 right 表明元素必须浮动在其所在的块容器右侧的关键字。 none 表明元素不进行浮动的关键字。 inline-start 关

CSS选择器的权重 / 优先级 > 1000 ：!important，不建议使用； 1000 ：行内样式，如 style="color:red;"； 0100 ：id 选择器，如 #content； 0010：类 | 属性 | 伪类 选择器，如 .content | [content] | :hover； 0001 ：标签 选择器 | 伪元素，如 h1 | ::after； 0000 ：通配符 | 子 | 相邻 选择器，如 * | > | + 无 ： 继承的样式 ...