ホームページ >ウェブフロントエンド >htmlチュートリアル >コードと図を見てください。IE で右のタイトル (h6) が 1 ブロック上に表示されるのはなぜですか? _html/css_WEB-ITnose

コードと図を見てください。IE で右のタイトル (h6) が 1 ブロック上に表示されるのはなぜですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:14:44913ブラウズ

请看下面代码似乎左侧left 影响了info块在IE中的显示,标题背景多出了一部分,和left块标题不一样,不知问题出在哪里?请指教。 

b585974ae3b7dba3039af53a9593f9c4 
383eb734b02b508089ba2d78eb4c6f68 
93f0f5c25f18dab9d176bd4f6de5d30e 
b2386ffb911b14667cb8f0f91ea547a7排版6e916e0f7d1e588d4f442bf645aedb2f 
b064ea1963483f6bff4d1dc648487091 
c9ccee2e6ea535a969eb3f532ad9fe89 
body,div,ul,li{margin:0;padding:0;} 
#top 

margin:5px auto; 
width:700px; 
text-align:left; 

#left 

float:left; 
width:348px; 
border:1px solid #BFD5A9; 

#left  h6 

color:#ffffff; 
background:#090; 
padding:5px; 
font-size:14px; 
margin:0; 

#intro {overflow:hidden;zoom:1;padding-top:5px;padding-bottom:3px;font-size:14px;color:#333} 
#intro img{display:block; float:left;margin-left:2px;margin-right:5px;} 
#intro p{text-indent:2em;} 

#info 

float:left; 
width:344px; 
border:1px solid #BFD5A9; 
margin-left:4px; 

#info  h6 

background:#090; 
color:#ffffff; 
padding:5px; 
font-size:14px;margin: 0; 

#info h6 span 

float:right; 
font-size:12px; 
color:#ffffff; 
font-weight:normal 

#info h6 a 

color:#ffffff; 

#info ul  li 


font-size:12px; 
line-height:22px; 
height:22px; 
overflow:hidden; 

#info li a:link,#infoli a:visited 

color:#163F8F; 



531ac245ce3e4fe3d50054a55f265927 
9c3bca370b5104690d9ef395f2c5f8d1 
6c04bd5ca3fcae76e30b72ad730ca86d 
            023cf2c0cfeb9f2e6384a78b373f1916 
                   c36fa6f5762f7bafa55e37dd53e22431 
      4e9ee319e0fa4abc21ff286eeb145ecc成果说明489364b7e0629f9745997c79a31b7c6d 
                           fd0a95e7bb23a221ad9a9c5aebe6d7fe成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果说明成果 

说明成果说明成果说明成果说明成果说明成果说明f1b3ba8846c179e65eb68da95b01a812[详细]3499910bf9dac5ae3c52d5ede738348594b3e26ee717c64999d7867364b1b4a316b28748ea4df4d9c2150843fecfba68 
                   16b28748ea4df4d9c2150843fecfba68
="#"5db79b134e9f6b82c0b36e0489ee08ed489364b7e0629f9745997c79a31b7c6d
a href='#' target='_blank'>説明説明説明5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
/span>・スタイル='float:right;'>201154bdf357c58b8a65c66d7c19c8e4d114d3d06467757af6f9645dd50b740cc5a6指示 指示5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689 ;/div>







どこに問題があるのか​​わかりません。

また: div の幅は、コンテンツの幅 + ボーダーの幅 + パディングの幅 + マージンの幅を指しますか?
それとも単にコンテンツの幅を指しますか?







ディスカッションへの返信 (解決策)

说明成果说明成果说明成果说明成果说明成果说明<a href="#">[详细]</a></p></div>  




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

関連記事

続きを見る