CSS浮动：

夏沐春休

于 2022-09-19 14:02:37 发布

阅读量132

点赞数

分类专栏： CSS 文章标签： css servlet 前端

本文链接：https://blog.csdn.net/m0_53336918/article/details/126932322

版权

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

css浮动：

float:会使元素向左或向右浮动

float: right;向右浮动

float:left;向左浮动

浮动要给父元素设置个高度

在浮动时，下面的字体在右边，如何显示在下面

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动</title>
		<style>
			.fd{
				height: 200px;/*要给父类div（fd）设置一个高度*/
			}
			.fd div{
				width: 200px;
				height: 200px;
			}
			.d1{
				background-color: antiquewhite;
				float: left;/*像左浮动*/
			}
			.d2{
				background-color: aqua;
				float: left;/*像左浮动*/
			}
			.d3{
				background-color: black;
				float: left;/*像左浮动*/
			}
		</style>
	</head>
	<body>
		<div class="fd">/*父类fd,子类d1 d2 d3*/
		<div class="d1">
			1
		</div>
		<div class="d2">
			2
		</div>
		<div class="d3">
			3
		</div>
		</div>
		skdhfaol
	</body>
</html>

运行：