浮动相关

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

浮动特点:

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

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

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

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

清除浮动

  • 基本语法:clear:both

  • 作用:

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

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

posted @ 2020-04-02 11:21  热爱前端知识  阅读(108)  评论(0编辑  收藏  举报