IE7 CSS Scrolling Div Bug
-
09-06-2019 - |
Frage
ich auf eine IE7 kam vor kurzem nur Fehler, dass ich dachte, ich würde so teilen, wenn ich von jetzt auf diese Seite 6 Monate kommen, um die gleiche Sache, um herauszufinden, werde ich es auf der Hand.
Ich glaube, der einfachste Weg, um diesen Fehler erstellen würde die folgende HTML in einer Seite sein mit einem deklarierten Doctype (es funktioniert einwandfrei in „Quirks-Modus“ / no-Doctype):
<div style="overflow: auto; height: 150px;">
<div style="position: relative;">[...]</div>
</div>
in IE7, der äußere div ist eine feste Größe und die innere div positioniert ist und relativ enthält mehr Gehalt (unter der Annahme der innere div einen Überlauf verursacht). In allen anderen Browsern, scheint dies wie erwartet zu funktionieren.
Screenshot:
Lösung
Die einfachste Lösung wäre position: relative;
an der äußeren div hinzuzufügen. Dadurch wird IE7 Arbeit wie vorgesehen.
(Siehe: http://rowanw.com/bugs/overflow_relative.htm ).
EDIT: Cache-Version des defekten Link auf waybackmachine.org