我试图创造一个"流体"网站,并在我的CSS文件中:
page-wrap{
min-width: 780px;
max-width: 1260px;
margin: 10px auto;
}
在我的页面模板中,我的主体文本设置为80%的宽度并居中。我的意图是,当我使浏览器窗口变小时,它将移除身体左侧和右侧的空白区域,直到身体周围没有空间。此时,出现水平滚动条。我不确定我是否清楚地解释了这一点,但是一个例子就像stackoverflow.com,当你使浏览器窗口变小时,身体左侧和右侧的空白被删除。不幸的是,凭借我拥有的东西,我的主体周围的空间保持不变,而我的主体调整到80%的宽度。那么我需要做些什么来纠正它并实现我想要的结果呢?我需要一个固定的大小而不是百分比吗?
答案 0 :(得分:0)
这很简单,您需要做的就是在页面换行div上使用自动边距固定宽度。
#page-wrap
{
width:780px;
margin:10px auto;
}
忘记最小/最大宽度。
答案 1 :(得分:0)
我不清楚。 如果你使用宽度为可用窗口宽度的80%,那么集团调整大小以适应... 您必须为中心部分设置固定宽度。
我用这个:
#centerdiv {
position: absolute;
width:950px;
left: 50%;
margin-left:-475px; }