IE7 CSS Scrolling Div Ошибка - PullRequest
       14

IE7 CSS Scrolling Div Ошибка

49 голосов
/ 16 сентября 2008

Недавно я столкнулся с ошибкой только в IE7, которой, как я думал, я поделюсь, поэтому, когда я приду на этот сайт через 6 месяцев, чтобы выяснить то же самое, у меня будет это под рукой.

Я полагаю, что самым простым способом воссоздать эту ошибку было бы следующее html на странице с объявленным doctype (он работает правильно в "режиме quirks" / no-doctype):

<div style="overflow: auto; height: 150px;">
    <div style="position: relative;">[...]</div>
</div>

В IE7 внешний div имеет фиксированный размер, а внутренний div относительно позиционирован и содержит больше содержимого (при условии, что внутренний div вызывает переполнение). Во всех других браузерах это работает, как и ожидалось.

Скриншот: bug screenshot

1 Ответ

98 голосов
/ 16 сентября 2008

Самым простым решением было бы добавить position: relative; к внешнему div. Это заставит IE7 работать так, как задумано.

(см .: http://rowanw.com/bugs/overflow_relative.htm).

РЕДАКТИРОВАТЬ: Кэш-версия неработающей ссылки на waybackmachine.org

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...