ホームページ >ウェブフロントエンド >htmlチュートリアル >IE の互換モードで空白行を作成するにはどうすればよいですか? _html/css_WEB-ITnose

IE の互換モードで空白行を作成するにはどうすればよいですか? _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-06-24 12:15:221137ブラウズ

2 つの DIV の間に空行が生成されますが、これは高速モードや他のブラウザでは正常ですが、IE カーネルの互換モードではこの空行が存在します。下の図を参照してください:


HTML コード:

<div class="topright"><div class="zhongbox"><h2>最新文章</h2></div><div class="rewen"><ul class="ico3">      <li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li><li><a href="#" target="_blank">测试</a></li></ul></div></div>


CSS コード:
.topright{width:298px;border:1px solid #DBDBDB;float:right;overflow:hidden;}.zhongbox{width:100%;height:20px;line-height:20px;background-color:#EBEBEB;border-bottom:1px solid #DADADA;}.zhongbox h2{padding-left:10px;font-weight:bold;color:#CD8500;font-size:13px;}.rewen{width:100%;overflow:hidden;zoom:1;height:100%;clear:both;}.ico3{float:left;margin:4px 0px;}.ico3 li{padding-left:16px;background:url(../images/ico-3.gif) 7px 11px no-repeat;height:23px;line-height:23px;overflow:hidden;width:100%;}


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

ie6 でテストしましたが、バグは見つかりませんでした。参照: http://jsfiddle.net/TUnvv/
dede テンプレートを確認してください、HTMLを出力するときに問題を引き起こすphpの部分に問題があるのでしょうか?

IE6 でテストしましたが、バグは見つかりませんでした。http://jsfiddle.net/TUnvv/ を参照してください。
dede テンプレートをチェックして、php 部分に問題があり、html 出力で問題が発生していないかどうかを確認してください。
上記のコードは私のフロントエンドが出力したコードです。バックエンドのテンプレートでは問題ないはずです~~ 本当に奇妙です ·~

ad8b1ead0a8408c96b7394d23f9e5efc2cacc6d41bbb37262a98f745aa00fbf0
IE6 で HTML タグを確認するには、firebug を使用します。

フォント サイズは、テキストの現在の要素に設定されます。外側のフォント サイズを 0 に設定するだけです。 font-size:0

フォント サイズは、テキストの現在の要素に設定されます。 0 font -size:0

テストしても効果がありません、ご返信ありがとうございます~~

一つ一つテストしていき、最終的に不適切な書き込みが原因であることが分かりました。前のコードでレイヤーがフローティングになりましたが、これはこのセクションのコードではありません。ご回答いただきありがとうございます~~・

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