ホームページ > 記事 > ウェブフロントエンド > IE6_html/css_WEB-ITnose でオーバーフロー属性が機能しないのはなぜですか
IE6 でオーバーフロー属性が機能しない理由:
提案: 可能な限りコードを手書きすると、学習の効率と深さが効果的に向上します。
IE6 ブラウザでは、オブジェクトの子オブジェクトが絶対配置または相対配置されている場合、親オブジェクトのオーバーフロー属性は子オブジェクトに対して機能しません。
コード例は次のとおりです。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.parent { width: 200px; height: 200px; border: 1px solid green; overflow: hidden;}.children { width: 300px; height: 100px; border: 1px solid blue; position: relative;}</style></head><body> <div class="parent"> <div class="children">大家好,欢迎来到蚂蚁部落,希望大家给予有意见的建议与意见!</div> </div></body></html>
上記のコードの子 div はオーバーフローし、親オブジェクトの overflow 属性は有効になりません。このバグを解決する方法は、親オブジェクトに絶対位置または相対位置を追加することです。
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.parent { width: 200px; height: 200px; border: 1px solid green; overflow: hidden; position: relative;}.children { width: 300px; height: 100px; border: 1px solid blue; position: relative;}</style></head><body> <div class="parent"> <div class="children">大家好,欢迎来到蚂蚁部落,希望大家给予有意见的建议与意见!</div> </div></body></html>
元のアドレス: http://www.softwhy.com/forum.php?mod=viewthread&tid=3385
詳細については、以下を参照してください: http://www.ソフトホワイ.com/divcss /