2015-03-02 95 views
0

这个问题可能是很常见的,因为我已经去在这里的回答在过去的3小时。仍然没有成功。100%的高度正在DIV溢出

我有一个父HTML这需要在页面的100%的高度。身体也需要100%的页面。 在身体元素我有3个div。我有第三个也是最后一个,拿走页面的其余部分,并在它后面留下任何空格(现在就是它)。

试图height: 100%;上的最后一个div和overflow: hidden; body元素。这只是启动我的页面并删除滚动条(但网站仍然滚动O_O)。

请大家帮忙。

编辑:看来这个问题本身是不明确的。 我想让最后一个div将页面高度的其余部分放到最后。

#div1{ 
    max-height: 150px; 
} 
#div2{ 
    max-height: 150px; 
} 
    #div3{ 
    padding: 10px 0; 
    margin: 0; 
    height: 100%; 
} 

所有嵌套在嵌套在html元素中的body元素中。

我也有隐藏的信息,这是需要显示,当我点击..所以我需要的页面stratch,如果有更多的信息被添加到页面(隐藏溢出整个文档将成为一个问题比)

+0

有什么问题吗? – FeedTheWeb 2015-03-02 22:27:09

+1

如果您可以在这里或在jsFilddle上发布您的代码,这将有所帮助。 – 2015-03-02 22:27:16

回答

2

也许试试这个代码:

<body> 
    <div id="container" style="height: 100%"; overflow="hidden"> 
     <div> 
      asas 
     </div> 
     <div> 
      sdsd 
     </div> 
     <div> 
      wewe 
     </div> 
    </div> 
</body> 
+0

无法正常工作。它可以防止页面显示其他内容(例如,如果我添加文本),但它不会阻止最后一个div在没有文本时划伤页面。所以基本上这是做所有事情正好相反,我要求 – 2015-03-02 22:53:16

+0

ahaha,对不起。让我试着重做这个解决方案。 – Sachin 2015-03-02 22:55:10