ホームページ  >  記事  >  ウェブフロントエンド  >  IE6_html/css_WEB-ITnose でオーバーフロー属性が機能しないのはなぜですか

IE6_html/css_WEB-ITnose でオーバーフロー属性が機能しないのはなぜですか

WBOY
WBOYオリジナル
2016-06-24 11:32:141392ブラウズ

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 /

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。