读书人

关于div边框有关问题

发布时间: 2012-03-24 14:00:46 作者: rapoo

关于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

读书人网 >Java Web开发

热点推荐