パディングはieとchrome_html/css_WEB-ITnoseでは異なるように解釈されます

スタイルシートのパディング: 0px 6px 2px;

ie7 および ie8 で表示されるパディングは幅が広く、Chrome は通常です
このページでは

IE8 は正常ですが、IE7 はまだ間違っていますが、doctype 宣言を使用する必要はありません今、解決策はありますか？

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

なぜ doctype ステートメントが必要ないのでしょうか? これがないと、IE ファミリーと FF は間違いなくページ全体の CSS ボックス世界を解析するための基礎になります。違う。

最初の行には dtd ステートメントを追加する必要があります。dtd を使用しない場合、ie6、7、8、および 9 は ie5 の方法でページをレンダリングします。これは、ie7、8 で f12 を開いた後のドキュメント モードの quirks モードです。 、9。このモードでは CSS ボックス モデルの計算エラーが発生し、margin:0 auto を中央に配置できません。
body{text-align:center;} でのみ中央に配置できますが、これによりページ上のすべてのコンテンツが中央に配置されるため、dtd を追加してください
dtd はページの最初の行に表示する必要があります。
xhtml-dtd:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
html5-dtd:

HTML CSSを書くときにdtdを追加するのが最善です。互換性がないと調整がさらに困難になります。

元の投稿者は、padding:0px 6px 2px と書いていますが、それはどのラベルに適用されますか?


たとえば、h1-6 p などのタグにはデフォルトのマージン パディングが含まれます。元の投稿者はリセット CSS を検索しました

iframe のため、doctype ページの使用には多くの問題があります。スクロールバーがあるので破棄します

問題が発生します ボタンに作用するクラスです

doctype を追加した後、IE7 の垂直スクロールバーが失敗しました

垂直スクロールバーが半分しかなく、下の三角形が見えません

コード、解決策はないと思います。

コードを投稿するか、写真を送信してください。 。 。写真も真実もありません。 。

.right{

位置: 絶対;

右: 0px;
z-index:8 }
高さ: 100% ;
幅:100%;
オーバーフロー:自動;

body.module{
オーバーフロー:x:hidden; f8f8f8;
height:auto;
padding-bottom:5px;
}
フレームのCSSに問題があります
IE7を最大化すると下に隙間ができますが、三角形を縮小すると隙間がなくなりました

それは解決されていません。