首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

关于div边框有关问题

2012-03-24 
关于div边框问题div stylewidth:100%div stylewidth:100%border:1px solid #000000height:60px

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

热点排行