通过DIV构建左右自动伸缩型布局
要求:
1.跟随窗体的大小改变,右侧内容自动伸缩.
2.用表格填允右侧内容时,当表格100%时,不可换行.
3.不可隐藏右侧中的内容.
布局CSS如下:
.main{ float:right; margin-right:-200px; width:100%; height:300px; background-color:#ff0000;}
.navbar{ float:left; width:200px; height:300px; background-color:#00ff00;}
.content{ margin-right:200px; background-color:#0000ff;}
页面内容:
<div class="main">
<div class="content">
<table style="width:100%;">
<tr>
<td> </td>
</tr>
</table>
</div>
</div>
<div class="navbar"></div>