使我的网站流体

我试图创建一个“流体”的网站，并在我的CSS文件：使我的网站流体

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

在我的页面模板，我有我的文字的主体设定的宽度的80％和居中。我的意图是，当我将浏览器窗口变小时，它将移除身体左侧和右侧的空白区域，直到身体周围没有空间。此时，会出现一个水平滚动条。我不确定我是否清楚地说明了这一点，但是一个例子就像是stackoverflow.com，当你缩小浏览器窗口时，删除正文左侧和右侧的空白。不幸的是，与我所拥有的一样，当我的主体调整到80％的宽度时，我的主体周围的空间保持不变。那么，我需要做些什么来纠正它并实现我想要的结果呢？我是否需要一个固定大小而不是百分比？

来源

2011-03-13 oipsl

有关流体网格和自适应网页设计的优秀文章：http://www.alistapart.com/articles/fluidgrids/ http://www.alistapart.com/articles/响应式网页设计/ – Dan

您有正确的预感来修复宽度。 –

这很简单，你所需要做的就是在页面上使用自动页边距的div来固定宽度。

#page-wrap 
{ 
    width:780px; 
    margin:10px auto; 
}

忘记最小/最大宽度。

来源

2011-03-13 22:58:42 Ben

目前还不清楚。如果您使用宽度为可用窗口宽度的80％，则团体调整大小以适应... 您必须为中心部分固定宽度。

我用这个：

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

来源

2011-03-13 23:00:50 Atika

使我的网站流体

回答

相关问题