javascript想实现两个并排的div，每个宽度都是100%，鼠标拖拽让另一个出现

你可以在这两个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的滚动条去掉也是可以的，不过这会影响到其他代码，所以一般不建议这么做。

<style type="text/css">

#div1{width:100px;height:100px;}

<style>

<div id="div1">1212</div>

<div id="div2">3434</div>

<script>

function getStyle(obj,attribute){//获取样式

return objcurrentStyleobjcurrentStyle[attribute]/ie/:documentdefaultViewgetComputedStyle(obj,null)[attribute]/ie9 火狐 谷歌/;

}

var div1 = documentgetElementById("div1");

var div2 = documentgetElementById("div2");

var wid = getStyle(div1,"width")

div2onmouseover = function(){//鼠标移到div2时设置宽度

thisstylewidth = wid;

};

</script>

<style type="text/css">

<!--

box {

float:left; width:300px; height:300px; overflow:scroll;

}

-->

</style>

宽度、高度给固定值

把第二个div的width:2000px ,改成width:100%就可以了，你如果下面一定要2000px的话，那上面第一个div也用2000px 就可以了，因为你2000px已经超过了IE默认100%的宽度所以会出现滚动条。

最外层最好套一个整体div,然后给个合适的固定宽度，这样里面就好布局了。不同浏览器浏览的效果不一样。如果不固定有些浏览器下会出现变形。你可以让整体页面居中，并不一定要全屏。div全屏并不一定美观，你参照百度的主页就知道了。

以上就是关于javascript想实现两个并排的div，每个宽度都是100%，鼠标拖拽让另一个出现全部的内容，包括:javascript想实现两个并排的div，每个宽度都是100%，鼠标拖拽让另一个出现、js 获取DIV宽 并赋值给另一个DIV、一个div宽高都是100%,100%指的是浏览器怎么变，内容都是充满整个浏览器的吧(可能布局变形),等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！