Высота добавления: 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, поскольку предполагается, что оно будет только один раз на странице.