我遇到了一个我无法解释的事情,我在这里或谷歌都没有找到答案。
我有以下代码:(头部和其他结构在这里被截断了......)
<link rel="stylesheet" type="text/css" href="style.css">
<div id="wrapper">
<div id="ajaxdiv">
<div id="page0">
<p>000000000 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</p>
</div>
</div>
</div>
这个CSS:
#container {
width: 800px;
margin: 0 auto;
}
#wrapper {
overflow: hidden;
}
#ajaxdiv {
background-color: #e3e3e3;
height: 500px;
width: 800px;
position: relative;
}
现在的问题是,通过“溢出:隐藏”行 在我的包装器里面的 div,即 ajaxdiv 被移位。它向下移动了大约 10-20 像素,我不知道为什么会这样。
有人有解释吗?