慕课网Java阶段二步骤一3Float浮动学习

Float属性

慕课网Java阶段二步骤一3Float浮动学习
慕课网Java阶段二步骤一3Float浮动学习
这里的per是父元素,test继承了里面的Float
左浮动是正常顺序,右浮动是在里面的倒序

文字环绕效果

Float的块是脱离文档流
慕课网Java阶段二步骤一3Float浮动学习

浮动的原因和副作用

清楚外边距
慕课网Java阶段二步骤一3Float浮动学习

慕课网Java阶段二步骤一3Float浮动学习
问题

  • 父元素塌陷问题,定义父元素的弊端会因为子元素的撑开,
  • 慕课网Java阶段二步骤一3Float浮动学习