前端开发
网络新概念，云计算、大数据、O2O、电商。。。。
div两列或三列中间的div自适应css代码
2019-10-01 14:56:44
<div style="clear:both;"></div>
<div style="border:solid 1px red;float:left;width:100%;">
<div id="right" style="float:right;background:white;height:300px;width:300px;">
right右侧浮动放置在main的前面
</div>
<div id="main" style="float:none;width:auto;margin:0 300px 0 0;background-color:#dddddd;border:1px solid #999999;">
main不浮动，右侧margin给right留够空间，width自适应
</div>
</div>
三列的实现方式类似：
<div style="clear:both;"></div>
<div style="border:solid 1px red;float:left;width:100%;">
<div id="left" style="float:left;background:white;height:300px;width:300px;">
left左侧浮动放置在main的前面
</div>
<div id="right" style="float:right;background:white;height:300px;width:300px;">
right右侧浮动放置在main的前面
</div>
<div id="main" style="float:none;width:auto;margin:0 300px 0 300px;background-color:#dddddd;border:1px solid #999999;">
main不浮动，右侧margin给left和right留够空间，width自适应
</div>
</div>
