加高：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％给所有人，把它拿走然后把它放回去。仍然会出现滚动条。

有什么想法吗？

Martti Laine

Answer 1

你试过吗

overflow:hidden;

Answer 2

尝试使用：

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

顺便说一下，.wrapper应该是#wrapper，因为它假设在页面上只有一次。