浮动

float:left;

float:right;

1.浮动特性

2.浮动布局

3.清除浮动的方法

方法一:额外标签法


方法二:overflow


方法三:伪元素


方法四:双伪元素


4.清除浮动总结

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS-04 浮动 1 浮动(float) 1.1 传统网页布局的三种方式 网页布局的本质——用 CSS 来摆放盒...
    Tutuls阅读 503评论 0 0
  • 1.浮动 1.1传统网页布局的三种方式 普通流(标准流)概念:标签按照规定的默认方式排列块级元素会独占一行,从上到...
    OohMuYi阅读 524评论 1 0
  • 目标 能够说出为什么需要浮动 能够说出浮动得排列特性 能够说出3种最常见的布局方式 能够说出为什么需要清除浮动 能...
    皮皮章阅读 336评论 0 0
  • 一、边框和阴影 1:圆角边框的使用 1:怎么做圆形? border-radius: 50%; 正方形盒子是圆形/ ...
    风来_阅读 188评论 0 0
  • 内容参考pink老师笔记。 一、为什么需要浮动 我们首先要思考以下2个布局中最常见的问题: 如何让多个盒子(div...
    SheHuan阅读 618评论 1 6

友情链接更多精彩内容