阅读 46

综合案例-浮动元素搭配标准流父盒子

image.png

代码:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.box {
			width: 1000px;
			height: 500px;
			background-color: green;
			margin: 0 auto;
		}

		.left {
			width: 300px;
			height: 100%;
			background-color: pink;
			float: left;
		}
		.right {
			width: 700px;
			height: 100%;
			background-color:#1169EE;
			float: left;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="left"></div>
		<div class="right"></div>
	</div>
</body>
</html>
复制代码
文章分类
前端
文章标签