Question

当我尝试使用javascript事件更改类时，我的控件正在移动的页面布局遇到问题。谁能帮助解决这个问题的一些想法。当左侧滚动条出现时，IE似乎只是一个问题。

以下是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中的控件占据了足够的空间，溢出边缘出现在左边，即控件延伸到容器div的底部以下。如果我尝试使用javascript将control1上的listOUT类更改为listIN，则控件将向左移动。对我来说，似乎浏览器将control1Container重新调整到一个新位置，如果容器div的新宽度与滚动条就位，则为17％。

有什么想法吗？

Answer 1

你需要给容器div position:relative，以便它内部的绝对定位元素相对于它定位..

在溢出自动转换div中的元素

1 个答案: