浮动相关

概念:浮(漂浮)动分为左浮动、右浮动、清除浮动。

浮动特点:

  1. 想你指定的方向移动,并且让出空间

  2. 如果后面的元素,也是浮动的,那么后面的元素就会在碰到前面的元素,或者边框时,就定位在那里。

  3. 如果后面的元素没有浮动,则该元素就会在浮动的元素的下面。

  4. 行内元素也可以浮动,行内元素浮动后就具有块元素的特点,可以用css属性来控制。

清除浮动

  • 基本语法:clear:both

  • 作用:

    • 让包住他的父元素的边框正常显示

    • 让后面的元素,恢复到正常流状态,不再受到浮动的影响。

    原文作者:向常乐
    原文地址: https://segmentfault.com/a/1190000006242147
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞