日期:2014-05-17  浏览次数:20719 次

关于div边框问题
<div style="width:100%">
<div style="width:100%;border:1px solid #000000;height:60px;"></div>
</div>


这样写为第二个DIV设置边框 它好像会超出第一个DIV的包含 也就是比第一个DIV宽 这种问题应该怎么解决?


------解决方案--------------------
把第二个div的宽度设成98%呢
------解决方案--------------------
你上面写的那些是不会出现里面比外面宽的情况的,你是不是还有其他的样式设置啊
------解决方案--------------------
<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
------解决方案--------------------
探讨
<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