javascript想实现两个并排的div,每个宽度都是100%,鼠标拖拽让另一个出现?
position:absolute,width都设置为100%,body貌似宽度就是两个div的宽度,底下就有了一个滚动条,但我想单个div填充body的宽度,没有横向滚...
position:absolute,width都设置为100%,body貌似宽度就是两个div的宽度,底下就有了一个滚动条,但我想单个div填充body的宽度,没有横向滚动条
展开
2个回答
展开全部
你可以在这两个DIV的外面再套一个绝对定位的DIV:
<div style="position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden">
<div ...>左边的DIV</div>
<div ...>右边的DIV</div>
</div>
这样的话这最外面的DIV实际上就代替了Body,而且是隐藏了滚动条的。这样body就不会出现滚动条了。
当然你直接把body的滚动条去掉也是可以的,不过这会影响到其他代码,所以一般不建议这么做。
<div style="position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden">
<div ...>左边的DIV</div>
<div ...>右边的DIV</div>
</div>
这样的话这最外面的DIV实际上就代替了Body,而且是隐藏了滚动条的。这样body就不会出现滚动条了。
当然你直接把body的滚动条去掉也是可以的,不过这会影响到其他代码,所以一般不建议这么做。
追问
绝对定位div能套绝对定位div吗
追答
当然可以,这时候里面的div的定位就是以外面的div作为基准的,也就是说外面的div如果改变了位置,里面的div会跟着改变。如果绝对定位的div外面套相对定位的div,也有同样的效果。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询