本文主要是介绍三列布局代码示例,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<span style="font-size:18px;"></pre><span style="font-size:18px;">float:无效的情况下:</span><pre name="code" class="html"><span style="font-size:18px;"><style type="text/css">
body{margin:0px;padding:0px;
}
.left{width:300px;height:500px;background:#999;position:absolute;left:0px;
}
.right{width:200px;height:500px;background:#CCC; position:absolute;right:0px;
}
.middle{height:500px;background:#0FF; position:absolute;left:300px;right:200px;
}
</style>
</head><body><div class="left">300px;</div>
<div class="middle">自适应宽度</div>
<div class="right">300px;</div>
</body></span></span>
这篇关于三列布局代码示例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!