当前位置: 代码迷 >> HTML/CSS >> div的宽度有关问题
  详细解决方案

div的宽度有关问题

热度:527   发布时间:2012-02-03 22:02:47.0
div的宽度问题
<div   id=div1   style= "border:1px   solid   green;   width:500px; ">
<div   id=div2   style= "border:1px   solid   green;   width:100%;margin:2px "> </div>
<div   id=div3   style= "border:1px   solid   red;   width:600px;margin:2px "> </div>
</div>
如上所示div1的宽度是500px,   div2的宽度使用100%,div3的宽度是不确定的,当div3的宽度比div1小的时候div2的宽度确实是100%,
可当div3宽度比div1大的时候,这个时候div2的宽度似乎没有接着走,而是保持div1的宽度,问如何用css让div随着div1实际的宽度扩大而扩大?

------解决方案--------------------
如果非得这样可以用表格
<table border= "0 " cellspacing= "0 " cellpadding= "0 " style= "border:1px solid green; width:500px; ">
<tr>
<td> <div id=div2 style= "border:1px solid green; width:100%;margin:2px "> e </div> </td>
</tr>
<tr>
<td> <div id=div3 style= "border:1px solid red; width:400px;margin:2px "> e </div> </td>
</tr>
</table>
  相关解决方案