在某网课学习前端笔记整理css篇05

css浮动

  • css浮动的用途
    最早的float(浮动)是用来做文字环绕和让上下堆叠的块级元素横向排列。现代的浮动用来做横向的列表,页面布局等。
    当父元素类的元素都浮动了的话,可能会导致父元素”塌陷“(比如父元素为没有宽高的div)。但很多时候我们需要父元素完全包裹住浮动的元素(听说设置父元素大小很low,因为可能父元素中的元素总体大小未知),清除浮动的几个方法如下:
    • 在父元素内末尾插入块级元素添加clear:both/right/left:
      插入的块级元素clear设置后会让margin-top/bottom失效,可以用::after来代替插入的元素,不过设置为块级(注:ie9以下好像不支持伪元素)。

    • 设置父元素css属性overflow:hidden:
      好像说这个属性会包裹住内部的所有元素,不受浮动啥的影响。

    • 对父元素也设置浮动

      </div>
      
发布了27 篇原创文章 · 获赞 0 · 访问量 232

猜你喜欢

转载自blog.csdn.net/qq_34338676/article/details/104700245