CSS--浮动

最新推荐文章于 2025-08-05 00:08:41 发布

小伟呀

最新推荐文章于 2025-08-05 00:08:41 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css

4 篇文章

订阅专栏

本文介绍了CSS中浮动框的概念及其基本规则，并通过实例演示了如何使用浮动关键字实现元素的左右浮动。浮动可以使元素脱离普通流，向左或向右移动直至碰到包含框或其他浮动框的边界。

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

【写在前面】在未指定时，默认所有标签都在普通的流（Dom流）中定位，而普通流中元素的位置由元素在HTML中的位置决定。

一、浮动框的概念

浮动的“框”，可以向左或者向右移动，直到它的边缘碰到包含框或另一个浮动框的边框为止。浮动框脱离DOM流，。

<style type="text/css">
	.class0 {
		float: right;
		border: 2px solid red;
		margin: 10px;
	}
</style>

float是浮动的关键字，right代表向右浮动。

效果展示：
在这里插入图片描述