两个div的问题。请教

wujun_dry 2012-03-16 11:27:14

<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发生了变化。
但是我并不想让这种情况发生,有什么办法呢?
...全文
117 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
parcool 2012-03-16
  • 打赏
  • 举报
回复
呵呵,这个与position一样,safari没有position-x或y属性。
Acesidonu 2012-03-16
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 wujun_dry 的回复:]

把overflow-x:hidden改成overflow:hidden就可以了。我也不知道为什么。太神奇了
[/Quote]
是很神奇
三石-gary 2012-03-16
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 wujun_dry 的回复:]

把overflow-x:hidden改成overflow:hidden就可以了。我也不知道为什么。太神奇了
[/Quote]
太神奇了
wujun_dry 2012-03-16
  • 打赏
  • 举报
回复
把overflow-x:hidden改成overflow:hidden就可以了。我也不知道为什么。太神奇了
Acesidonu 2012-03-16
  • 打赏
  • 举报
回复
这个没弄过
王集鹄 2012-03-16
  • 打赏
  • 举报
回复
没想到什么好的方法,先这样吧:
<div id="info" onmousedown="return false;" ...>

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧