移动div中的元素溢出自动

我在使用javascript事件尝试更改类时遇到了控件正在移动的页面布局问题。任何人都可以帮助解决这个问题的一些想法。它似乎只是在左侧滚动条出现时在IE中出现问题。移动div中的元素溢出自动

下面是HTML

<div id="container" style="overflow:auto;"> 
    <div id="control1Container" style="left:17%;top:145px;display:inline;position:absolute;"> 
    <div id="control1" class="listOUT" >I am a control</div> 
    </div> 
    <div id="control2Container" style="left:67%;top:145px;display:inline;position:absolute;"> 
    <div id="control2" class="listOUT" >I am a control</div> 
    </div><!-- more controls here --> 
</div>

所以现在想像，在容器内的控件DIV占用足够的空间，即控件延长的底部下方会显示在左边溢出保证金的例子集装箱分区。如果我试图将control1上的listOUT类更改为使用javascript的listIN，则控件将移至左侧。对我来说，几乎看起来像浏览器正在将control1Container重新调整到17％的新位置（如果容器div带有滚动条的新宽度）。

任何想法的？

来源

2010-01-15 Andrew

dispaly =显示？你的滚动条显示什么元素？ – Residuum 2010-01-15 13:51:39

滚动条显示容器元素。当使用javascripts – Andrew 2010-01-15 13:57:16

更改类时，control1Container元素向左移动：display：inline有效地是display：对于非静态元素定位的块。 – Residuum 2010-01-15 13:58:16

你需要给到容器DIV position:relative，让里面的绝对定位的元素得到定位有关吧..

来源

2010-01-15 14:01:04

移动div中的元素溢出自动

回答

相关问题