CSS元素 之 float

1. float 设计的初衷

  Float 设计的初衷是为了文字环绕的效果 使得文字可以围绕着 图片。就像下面这样

  CSS元素 之 float

2. float 的包裹和 破坏

  A) 包裹性 和 破坏性

  例如下图

  CSS元素 之 float  CSS元素 之 float

  我们原本是希望是这样的

 CSS元素 之 float

  为什么出现上面的情况呢 因为 float具有破坏性 导致父容器的 高度塌陷。 我们可以使用为元素来 修复

  CSS元素 之 float clearfix 只能用在子集用来float元素的 父元素上。

3. 浮动的滥用

    浮动元素的block化。可以使 inline-block inline 变成block

    去空格化  浮动元素 去掉两个元素之间的空格。

 

上一篇:【作业】用栈模拟dfs


下一篇:出现报错: module build failed error couldn't find preset es2015 relative to directory