2

我试图让.pageCSS 中的一个向下延伸到页面的末尾。不是屏幕的结尾，而是 HTML 页面上信息的结尾。我该怎么做？我当前的 .page 配置是：

.page{
  width: 800px;
  height: 550px;
  margin: 0px auto;
  background: #FCFCFA;
  margin-top: -5px;
}

我将如何实现这一目标。我有几页使用它，它们的长度不一样，所以我想动态调整它。如果这有助于信息是#main1和.sideright。如果我需要发布任何其他信息，我会很乐意发布。

HTML： http: //pastebin.com/1MZt1as4
第二页： http: //pastebin.com/CCDFe9B3
CSS： http: //pastebin.com/BSLDjc4D

4

2 回答 2

0

这会做到的。 

html {

    min-height: 100%;
}
body {
    padding:0px;
    margin:0px;

    height: 100%;
}
div.container {

    min-height: 100%;
}

你的代码：

html{
    min-height: 100%;
}
body{
    background-image:url('../Pictures/Background.png');
    background-repeat:repeat-x;
    background-color:#AEAEAE;
    font-family: Verdana;
    padding:0px;
    margin:0px;
    height: 100%;
}

你在高处有一个反勾号：100% 在身体里

//您希望这些 .page 和 .pageout 扩展多远？您已指定高度。如果您希望它们扩展页面的整个长度，您需要将高度设置为

min-height: 100%;

//====================

.page{
    width: 800px;
    height: 550px;
    margin: 0px auto;
    background: #FCFCFA;
    margin-top: -5px;
}
.pageout{
    width: 810px;
    height: 555px;
    margin: 0px auto;

    background: #C0CACF
}
于 2013-06-12T15:32:04.873 回答
-1

如果要.page获取父元素的高度，则父元素也必须具有高度。100%如果父元素没有高度，将高度设置为没有任何意义。

离题，但可能对您有帮助：根据我的经验，您唯一需要高度的就是（我猜）设置背景颜色。解决方案：将 bg-color 或 image slice 设置为一些占据元素区域的父元素.page。

于 2013-06-12T15:45:38.040 回答