CSS身体标记高度限制，以Visisble地区唯一

我重新设计这个网站：http://puffandpass.co.za/CSS身体标记高度限制，以Visisble地区唯一

这样的设计：

http://puffandpass.co.za/incubator/（这是不完整的，嘿..）

设计具有以下结构：

<html> 

    <body> 
      <div id="wrapper"> 
        <div id="page"> 
          *//content goes here* 
         </div> 
      </div> 
    </body> 
</html>

现在，这里是我的CSS上述各标签：

html, body   { 
color: #000;background: #3B5998; 
font: 10px Helvetica, Arial, Verdana,sans-serif; 
height: 100%; 
line-height: 1.5em; 
text-align:center; 
} 

#wrapper   { 
background: none repeat scroll 0 0 #123569;  
border: 0.5em solid #123569; 
height: 100%;  
margin: 0 auto;  
width: 102.4em; 
} 


#page    { 
background: none repeat scroll 0 0 #FFFFFF; 
float: left; 
text-align: center;  
width: 102.4em; 
}

[问题] 的html, body的高度（并且因此#wrapper）代码限制的屏幕的可见区域。这意味着#page标记的内容在#wrapper之外溢出。 当我打开Firebug时，身高会变差（变小）。

问题： 我在做什么错？

在此先感谢。

中号

来源

2011-10-10 user276002

在#wrapper，改变height到min-height。

由于具有对父元素height: 100%，这将迫使#wrapper具有最小高度的100%，代替高度确切地说是100％，没有余量增加。

然后，在#page删除position: absolute和float: left。

来源

2011-10-10 13:25:30 thirtydot

**谢谢**。 _问题现在解决了... _ – user276002

如果你的问题解决了，接受答案:) –

CSS身体标记高度限制，以Visisble地区唯一

回答

相关问题