日期:2014-05-16  浏览次数:20354 次

两个div的问题。请教
HTML code

<div id="ss"
style="width:100px;height:200px;border: 1px solid #ccc;
overflow-x: hidden;margin-right:auto;margin-left:auto;">
<div id="info" style="width:200px;">
abcdefghijklmnopqrstuvwxyz</div>
</div>



内层div的宽度比外层div宽度大。而且设置了外层div overflow-x: hidden;从展现效果来看,没有任何问题。

问题出现在chrome和safari中:

当我按住鼠标在外层div中移动,当移出外层div时,内部div的内容再移动。貌似是内层div的position发生了变化。
但是我并不想让这种情况发生,有什么办法呢?

------解决方案--------------------
没想到什么好的方法,先这样吧:
HTML code
<div id="info" onmousedown="return false;" ...>

------解决方案--------------------
这个没弄过
------解决方案--------------------
探讨

把overflow-x:hidden改成overflow:hidden就可以了。我也不知道为什么。太神奇了