多列等高CSS布局

最新推荐文章于 2024-09-11 21:44:44 发布

sanrich

最新推荐文章于 2024-09-11 21:44:44 发布

阅读量473

点赞数

分类专栏： HTML/CSS 文章标签： css 布局

本文链接：https://blog.csdn.net/sanrich/article/details/29218715

版权

HTML/CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

最近在做一个项目，为了使前台页面更适合后台工程师嵌套程序使用，又要考虑多列高度统一否则有数据串行问题。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>


</head>
<body>
	<div class="content">
		<div class="left">
			一行测试字体
		</div>
		<div class="rigth">
			多行测试字体<br />
			多行测试字体<br />
			多行测试字体<br />
			多行测试字体<br />
			多行测试字体<br />
			多行测试字体<br />
		</div>
	</div>
	
	<style type="text/css">
		.content{
			overflow:hidden;
			width:400;
		}
		.left,.rigth{
			float:left;
			width:200px;
			padding-bottom:2000px;
			margin-bottom:-2000px;
			
		}
		.left{
			background-color:#ccc;
			
		}
		.rigth{
			background-color:red;
		}
	</style>
</body>
</html>