Html 使我的网站流畅

Html 使我的网站流畅,html,css,Html,Css,我正在尝试创建一个流畅的网站,并在css文件中包含: page-wrap{ min-width: 780px; max-width: 1260px; margin: 10px auto; } 在我的页面模板中,我将我的正文设置为80%的宽度并居中。我的意图是,当我缩小浏览器窗口时,它将删除身体左右两侧的空白,直到身体周围没有空间为止。此时,将出现一个水平滚动条。我不确定我是否解释得很清楚,但举个例子,比如stackoverflow.com,当你缩小浏览器窗口时,

我正在尝试创建一个流畅的网站,并在css文件中包含:

page-wrap{
    min-width: 780px;
    max-width: 1260px;
    margin: 10px auto;
    }

在我的页面模板中,我将我的正文设置为80%的宽度并居中。我的意图是,当我缩小浏览器窗口时,它将删除身体左右两侧的空白,直到身体周围没有空间为止。此时,将出现一个水平滚动条。我不确定我是否解释得很清楚,但举个例子,比如stackoverflow.com,当你缩小浏览器窗口时,正文左右两侧的空白被删除。不幸的是,我的身体周围的空间保持不变,而我的身体调整到80%的宽度。那么,我需要做些什么来纠正它并实现我想要的结果呢?我需要一个固定的大小而不是百分比吗?

这很简单,你需要做的就是在你的自动页边距换行div上有一个固定的宽度

#page-wrap
{
    width:780px;
    margin:10px auto;
}
忘记最小/最大宽度。

我不清楚。 如果使用,宽度为可用窗口宽度的80%,则块调整大小以适应是正常的… 中心部分必须具有固定的宽度

我用这个:

#centerdiv {
position: absolute;
width:950px;    
left: 50%;
margin-left:-475px; }

关于流体网格和响应性网页设计的优秀文章:你有正确的直觉来确定宽度。