我在我的网站上有一个侧边导航栏。该侧边栏会随着你的滚动而滑动,并更改margin-top属性。 在谷歌浏览器中,它会跟随您的滚动,而在火狐浏览器中,它会使所有框都跟随您的滚动,这会阻止您向下滚动页面。 http://jsfiddle.net/rDV3T/ 这是一个例子。
<span class="hi">HI</span>
<span class="hello">Hello</span>
CSS
.hi {
margin-top: 10px;
background-color: red;
display: inline-table;
}
.hello {
display: inline-table;
}
如果你在火狐浏览器上进行测试,所有的框都下降了10个像素,而在谷歌浏览器中只有指定的框架(hi)下降了。我该怎么解决这个问题呢?感谢您的理解和支持。
vertical-align: top;
的演示...但是,如果你说top
对你有效...好的! :) - Black Sheep