CSS ブラウザの互換性の問題 - パート 2_html/css_WEB-ITnose

11.高度不适应   

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。   
例：  
#box {background-color:#eee; }    
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }    

    

p对象中的内容

    

解決策: CSS コード: .1{height:0px;overflow:hidden;} の上下に 2 つの空の div オブジェクトを追加するか、DIV に border 属性を追加します。

12. IE6 で画像の下に隙間があるのはなぜですか? このバグを解決するには、HTML のレイアウトを変更するか、img を display:block に設定するか、vertical-align 属性を設定することができます。 vertical-align:top |bottom |middle |text-bottom を解決できます

13. テキストとテキスト入力ボックスを整列させる方法

に加えて、vertical-align:middle;


14.web 標準で定義されている id と class には違いがありますか? 1. Web 標準では ID の繰り返しは許可されていません。たとえば、div id="aa" は 2 回繰り返すことができませんが、class は 1 つを定義します。理論上は無限に繰り返すことができるため、複数回参照する必要がある定義で使用できます。

2. 属性 ID の優先順位はクラスよりも高くなります。上の例を参照してください
3。ページ上にある場合は、JS などのクライアント側スクリプトに便利です。オブジェクトに対してスクリプト操作を実行する場合は、その ID を定義できます。それ以外の場合は、ページ要素を走査して特定の属性を指定することによってのみ検索できます。これは比較的時間とリソースの無駄であり、ID よりもはるかに簡単ではありません


15. LI のコンテンツが長さを超えた場合に省略記号を表示する方法


この方法は IE および OP ブラウザーに適しています

。


16. 解決策は、本文を html
< に置き換えることです。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">