关于div边框问题

Question

<div style="width:100%">
<div style="width:100%;border:1px solid #000000;height:60px;"></div>
</div>
这样写为第二个DIV设置边框   它好像会超出第一个DIV的包含    也就是比第一个DIV宽  这种问题应该怎么解决?

Answer 1

<div style="width:100%"> 
<div style="width:100%;border:1px solid #000000;height:60px;"> </div> 
</div> 这DIV宽为100%，但又有个border:1px；那实际宽就是100%+2px了，肯定比就级DIV的100%要宽了。
用JS调整吧，取得上级DIV的offsetWidth，再减去border的2px