div+css 互換性_html/css_WEB-ITnose-htmlチュートリアル-php.cn

------------------------------------------互換性---------- -------------------------------------------------- --

CSS 互換性ポイント: DOCTYPE は CSS 処理に影響します

FF: margin-left と margin-right を auto に設定すると div はすでに中央に配置されますが、IE は動作しません

FF: body が text-align に設定されている場合、 div は margin: auto(main マージン左、マージン右の場合のみ中央に配置できます) を設定する必要があります

FF: パディングを設定した後、div は高さと幅を増加させますが、IE は増加しないので、使用する必要があります! 追加の高さと幅を設定することが重要です

FF: ! important をサポートしますが、IE はそれを無視します。 ! important を使用して FF のスタイルを特別に設定できます

div の垂直方向のセンタリングの問題:vertical-align:middle;行間隔を DIV 全体と同じ高さに設定します。 line-height:200px; 次にテキストを挿入すると、垂直方向の中央に配置されます。欠点は、ラップせずにコンテンツを制御する必要があることです
カーソル: ポインターは IE FF でカーソルの指の形を同時に表示できますが、手は IE でのみ使用できます

FF: 境界線と背景色をオブジェクトに追加するにはリンクでは、改行しないように、display: block を設定し、float: left を同時に設定する必要があります。メニューバーに関して、メニューバーの高さを設定するのは、下端の表示のずれを避けるためです。高さが設定されていない場合は、メニューバーにスペースを挿入できます。
2. BOX の解釈。 IE5 と IE6 の幅は IE5 と一致しません。下の div{width:300px;margin:0 10px 0 10px;} の幅は、300px-10px (右パディング)-10px (左パディング) として解釈されます。 div は 280px ですが、IE6 やその他のブラウザでは、幅は 300px + 10px (右パディング) + 10px (左パディング) = 320px として計算されます。現時点では、次の変更を行うことができます:

div{width:300px! important;width /**/:340px;margin:0 10px 0 10px}

これについて/**/ これが何なのかよくわかりませんが、IE5 と Firefox がサポートしていることだけがわかります。しかし、IE6 ではそれができません。もし理解できる方がいらっしゃいましたら、教えてください。ありがとうございます。 :)

3. Mozilla では ul タグにデフォルトでパディング値がありますが、IE ではマージンのみが値を持つため、最初に定義してください

ul{margin:0;padding:0;}

問題問題の一部

4. スクリプトに関しては、xhtml1.1 では言語属性がサポートされていません。コードを

人気のチュートリアル

詳細>