css float

float

设计初衷

仅仅是为了实现文字环绕 图文混排效果

特性

包裹

收缩 坚挺 隔绝 也就是BFC(Block Formating content) - "块级格式化上下文"

image-20200709235206528

破坏

高度塌陷（浮动使高度塌陷不是bug ，而是标准，特性使然）

image-20200709235248782

清除浮动

image-20200709235711791

clear

image-20200709235818691

image-20200709235839306

image-20200710000009999

作用

  • 让元素block块状化（砖头化）
  • 破坏性造成的紧密排列属性（去空格化）

image-20200710000505253

float与流体效果

image-20200710000851466

image-20200710001020365

image-20200710001112281

float与兼容性image-20200710001242659

posted @ 2020-08-15 20:51  若梦plus  阅读(129)  评论(0)    收藏  举报