<style type="text/css"> #content-wrap { margin: 0 auto; width: 800px; } </style> <div id="content-wrap"> </div>
您会注意到,当垂直滚动条出现时,content-wrap div会将其位置移位。一种情况是当浏览器开始逐渐呈现页面而不显示垂直滚动条,然后确定需要滚动条,因为内容高于“fold”。这将div向左移动10px左右。
什么是最好的方式来解决这个问题,而不强制浏览器总是显示滚动条?
可能的解决方案可能是使用JavaScript来计算边距,而不是使用margin:0 auto;并以某种方式补偿滚动条出现时的“丢失”像素,但是我恐怕会变得凌乱,并且在计算和应用新的边距时内容可能会移动一点点。