So lösen Sie die Methode „overflow:auto invalid' in ie7

Dieser Artikel stellt hauptsächlich vor, wie man die Methode „overflow:auto invalid“ in IE7 löst. Jetzt kann ich sie mit Ihnen teilen.

Ursache
Wenn der Stil des direkten untergeordneten Elements oder des untergeordneten untergeordneten Elements des übergeordneten Elements das Attribut position:relative hat, wird der overflow:auto Die Eigenschaften werden ungültig.

LösungEs ist sehr einfach, diesen Fehler zu beheben. Verwenden Sie
position:relative; im übergeordneten Element, um den Fehler zu beheben .

Wiederauftreten von Codefehlern

<ul>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
<li>我是很努力的前端博客，希望你会喜欢</li>
</ul>

ul{overflow:auto; height:100px;}
li{position:relative; height:30px; line-height:30px;}

Es gibt einen seltsamen Fehler in IE7, eine Bildlaufleiste erscheint, aber der Bildlauf kann nicht gezogen werden Streifen. Die Lösung besteht darin,

ul{position:relative;}

IE7 float:right will wrap zu geben. Ich dachte, das wäre nur so Ich hätte nicht erwartet, dass auch IE7 diesen Fehler aufweist. Viele Leute im Internet sagten, dass es eine so schlechte Idee sei, das fl
oat:right-Element an den Anfang zu setzen. Opfern Sie die Position eines Elements, um diesen Fehler zu beheben. Manchmal sind Sie etwas sprachlos, wenn Sie sich den Code ansehen. Die Lösung besteht darin, der übergeordneten Ebene eine relative Positionierung hinzuzufügen und dann auf der rechten Seite eine absolute Positionierung hinzuzufügen um zu erreichen. Ich denke, das ist zuverlässiger.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Über CSS-Schreibstandard-Reihenfolge und Benennungsregeln

Das obige ist der detaillierte Inhalt vonSo lösen Sie die Methode „overflow:auto invalid' in ie7. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!