float浮动与inline-block

最新推荐文章于 2022-10-29 17:36:42 发布

樱花味的小奶牛

最新推荐文章于 2022-10-29 17:36:42 发布

阅读量546

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/WSSQYHW/article/details/82119381

博客主要围绕float浮动与inline-block展开，虽具体内容缺失，但可推测是对这两种前端布局技术的探讨，它们在前端开发中常用于元素的排版与定位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  之前我们学习过 如何使一个块状元素具有行内元素的属性 ，让其放在同一行，现在便有两种方式来实现了。
 第一种便是之前的 display：inline-block 让一个块状元素拥有行内元素的特性，可以出现于同一行。
 第二种便是今天所学习的浮动，float，让一个元素直接从HTML上面之前抠出浮起（可以理解为直接变为一个三维画面，元素从二维平面上被浮出凭空与HTML的页面）。
 优劣势：float 可以进行左右浮动的，相比于 inline它的灵活性更大，但是float容易出现无法自适应高度的问题，此时就可以用inline-block来实现功能。