添加高度：100％;以元素給了我一個滾動條

Question

這裏是我的HTML作爲基本的可能：

<div class="wrapper"> 
    <div class="left">foo</div> 
    <div class="middle">foo</div> 
    <div class="right">foo</div> 
</div> 

這裏來我的CSS：

* { padding: 0; margin: 0; } 
html, body { height: 100%; } 
.wrapper { min-height: 100%; } 
/* left, middle and right have float:left and a width. Also min-height:100%; */ 

所以，我用盡了一切。給所有人增加了100％的高分，把它拿走，然後放回去。仍然出現一個滾動條。

任何想法？

馬爾蒂·萊恩

Answer 1

你有沒有嘗試使用

 
overflow:hidden; 

Answer 2

嘗試：

html, body, .wrapper { 
    overflow-y:hidden; 
} 

順便說.wrapper應該#wrapper，因爲它被認爲是隻在頁面上一次。