1

以下是一个非常简单的液体代码模板，我在其中防止此布局在大型显示器上变得太宽，并且可能需要最小宽度以防止此布局变得太窄。容器围绕所有其他 div，为它们提供基于百分比的宽度。

body {
    font:  Arial, Helvetica, sans-serif;
    background: #CCC;
    margin: 0;
    padding: 0;
    color: #000;
}

.container {
    width: 90%;
    max-width: 1260px;
    min-width: 780px;
    background: #FFF;
    margin: 0 auto; 
}

当浏览只有少量内容的页面时，body 不会收缩、移动或晃动（因为没有出现滚动条）。当在不同类型的页面之间浏览时（低内容-无滚动条和高内容-出现滚动条），主体移动一点，导致整个网站浏览，一副颤抖的样子。

如何避免上述页面移动？我不想通过设置来实现解决方案，overflow:scroll;因为我不想总是显示滚动条。

任何帮助将不胜感激，谢谢，迈克

4

1 回答 1

-1

Have you tried overflow: auto;? It will take both the X and Y scroll bars into account separately and only show the scroll bar if necessary.

If, as @pinkgothic suggested in the comments below, you want to always show the vertical scroll bar, try overflow-y: scroll;.

To always hide the horizontal scrollbar, use overflow-x: hidden;

于 2012-04-05T14:06:45.047 回答