<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>
三列布局代码示例
最新推荐文章于 2022-11-03 16:27:45 发布