div+css 面接の質問_html/css_WEB-ITnose

1. ハイパーリンクにアクセスした後にホバー スタイルが表示されないという問題がありますか?

クリックしてアクセスしたハイパーリンク スタイルがホバーしてアクティブになりません。

解決策は、CSS 属性の順序を変更することです。 L-V-H-A

2. IE6 の二重マージンのバグ

例:

    <style type="text/css">　　body {margin:0}　　div { float:left;              margin-left:10px;              width:200px;              height:200px;              border:1px solid red }</style>

フローティング後、元のマージンは 10px ですが、IE はそれを 20px として解釈します。 解決策は、display:inline

を追加することです。

3. FF の下のテキストがコンテナの高さを拡張できないのはなぜですか? 標準ブラウザでは高さの値が固定されているコンテナは、IE6 のように拡張されません。 、どうやって設定すればいいのでしょうか？方法は、he ight を削除して min-height:200px; を設定することです。min-height を知らない IE6 を考慮して、次のように定義できます:

    div { height:auto!important; height:200px; min-height:200px;}

4。なぜ IE は Web 標準でスクロール バーの色を設定できないのでしょうか?

元のスタイル設定:

    <style type="text/css">body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; 　　　　　　scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee;　　　　　　 　　scrollbar-arrow-color:#000; scrollbar-track-color:#fff; 　　　　　　　　　　scrollbar-darkshadow-color:#fff;}</style>

解決策は、本文を HTML に置き換えることです

5. なぜコンテナを で定義できないのですか?高さは約 1px ですか？

IE6 でのこの問題はデフォルトの行の高さによって引き起こされますが、次のような方法があります。レイヤーを FLASH の上に表示するには

解決策は FLASH の透明度を設定することです:

メソッド、負の値のサイズは独自の幅ですと高さを 2 で割ったもの

8. Firefox のネストされた div タグのセンタリング問題の解決策

次の状況を想定します:

    <style type="text/css"><!--div {position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;border:1px solid red;}--></style>

a に b を実装したい場合、それを中央に配置するには、一般的にCSS を使用して、 の text-align 属性を中央に設定するだけです。このメソッドは IE では正常に見えますが、Firefox では b が左側になります。

解決策は、bの水平マージンをautoに設定することです。たとえば、b の CSS スタイルを margin: 0 auto; に設定します。