Comment résoudre le débordement : méthode automatiquement invalide dans ie7

Cet article présente principalement comment résoudre la méthode overflow:auto invalid dans ie7. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

CauseLorsque le style de l'élément enfant direct ou de l'élément enfant subordonné de l'élément parent a l'attribut
position:relative, le overflow:auto Les propriétés deviendront invalides.

SolutionIl est très simple de résoudre ce bug. Utilisez position:relative;
dans l'élément parent pour résoudre le bug. .

Récurrence des bugs de code

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

Un bug étrange apparaîtra dans ie7 et une barre de défilement apparaîtra , mais la barre de défilement ne peut pas être tirée. La solution est de donner

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

ul{position:relative;}

IE7 float:right will wrap Je pensais que ce serait seulement apparaît dans ie6, je ne m'attendais pas à ce que IE7 ait également ce bug. De nombreuses personnes sur Internet ont dit que mettre l'élément float:right
au premier plan est une si mauvaise idée. Sacrifiez la position d'un élément pour résoudre ce bug. Parfois, vous êtes un peu sans voix lorsque vous regardez le code La solution est d'ajouter un positionnement relatif au calque parent, puis d'ajouter un positionnement absolu sur le côté droit. pour réaliser . Je pense que c'est plus fiable. Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos de l'ordre standard d'écriture CSS et des règles de dénomination

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!