网站的高度问题

我正在创建一个网站，我已经创建了一个结构，但我正面临高度问题。这里是我期待网站的高度问题

Expecting

，但是这是我得到

Final 下面是CSS：

html {height:100%!important;} 
body { 
    margin:0; 
    font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
    color:#8a8a8a; 
    min-width:1000px; 
    background:#fff; 
    min-height:100%!important; 
} 

#wrapper { 
    position:relative; 
    min-height:100%; 
    overflow:hidden; 
    background:url(../images/wrapper.jpeg) repeat-y; 
} 
#content { 
    float:left; 
    width:100%; 
    min-height:100%; 
}

来源

2012-10-25 Zerotoinfinity

你真的希望文字占据整个区域吗？如果是这样，只需使用'height：100％;' –

我想要一个完整的长度左右部分 – Zerotoinfinity

这个我用你的一些代码做的例子应该可以帮助你一点：http://jsfiddle.net/fA4HL/3/ –

100％才刚刚设置为100％其中的内容，请尝试使用像素高度代替

#content { 
    float:left; 
    width:100%; 
    min-height:500px; 
}

来源

2012-10-25 21:14:48

但是容器可以随着用户对数据的选择而增长..它会随着用户需求的增长而增长。就像facebook – Zerotoinfinity

@Zerotoinfinite - 最小高度意味着至少500px高，如果内容超过500px，它将展开 –

我会在你的包装上放一个min-height像素。由于#content设置为100％高度，它将填充所有包装。

这样，如果内容少于填充浏览器全部高度所需的内容，页面会在内容下方添加空白以填充浏览器高度。我首先创建一个新页面时经常这样做，因为我没有任何内容，但想知道填充浏览器窗口时的外观。

我建议做这样的事情：

#wrapper { 
    position: relative; 
    min-height: 600px; 
    overflow: hidden; 
    background: url(../images/wrapper.jpeg) repeat-y; 
}

您可能要调整min-height以像素为单位，以适应您的定点不惜一切代价，使其填补了浏览器窗口。

来源

2012-10-26 03:47:56 KraigH

网站的高度问题

回答

相关问题