IE7でoverflow:auto無効メソッドを解決する方法

この記事では、IE7 での overflow:auto 無効メソッドを解決する方法を主に紹介します。これで、必要な友達が参照できるようになります

親要素の場合。直接の子要素または配下の子要素のスタイルにposition:relative属性がある場合、親要素のoverflow:auto
属性は無効となります。 解決策

このバグを解決するには、親要素で position:relative; を使用するのが非常に簡単です。
コードバグ再発

<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;}

IE7に奇妙なバグがあり、スクロールバーは表示されるのですが、スクロールバーを引くことができません。解決策は ul{position:relative;} を与えることです

IE7 float:right はラップします

これは ie6 でのみ表示されると思っていましたが、ie7 にもこれがあるとは予想していませんでしたインターネット上の多くの人は、float: right の要素が前面に配置されている、なんて面白いアイデアだろうと言いました。このバグを解決するには、要素の位置を犠牲にします。コードを見て少し言葉を失うことがあります。その解決策は、親レイヤーに相対位置を追加してから、右側に絶対位置を追加することです。 こちらの方が信頼性が高いと思います。
上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。 関連する推奨事項:

CSS の書き方の標準的な順序と命名規則について

以上がIE7でoverflow:auto無効メソッドを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。