关于三列布局中间列的居中问题

最新推荐文章于 2021-03-15 10:12:35 发布

Kevin·Tseng

最新推荐文章于 2021-03-15 10:12:35 发布

阅读量1.5k

点赞数

分类专栏： Html 文章标签：三列布局中间列居中

本文链接：https://blog.csdn.net/u010108836/article/details/51106301

版权

Html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

请看代码

<style type="text/css">
	body{ margin:0; padding:0}
	.left{ width:100px; background:#06F;float:left; height:100px;}
	.mid{background:#099; height:100px;}
	.right{ width:100px; background:#F00; float:right;height:100px;}	
</style>
<body>
<div class="left">1</div>
<div class="right">3</div>
<div class="mid">2</div>
</body>

中间列放最后，然后不给它浮动和宽度就可以了。