ホームページ > ウェブフロントエンド > htmlチュートリアル > div+css_html/css_WEB-ITnose の一般的な問題

div+css_html/css_WEB-ITnose の一般的な問題

WBOY
リリース: 2016-06-24 12:31:56
オリジナル
1161 人が閲覧しました

1. センタリングの問題
div 内のコンテンツは、ie ではデフォルトで中央に配置されますが、ff ではデフォルトで左揃えになります。
ff コンテンツを中央に配置する方法は、コード margin:auto; を追加することです

2. 高さの問題
div が水平に 2 行配置されており、上記の div は実際のコンテンツの高さ (高さ) を設定します。 div が設定された高さより大きいです (ff では) IE では 2 つの div が重なりますが、IE では、下の div が自動的に上の div のためのスペースを確保します。したがって、レイヤーの重なりを避けるためには、高さを適切に制御する必要があります。そうでない場合は、高さを書き込まずに自動的に調整されるようにすることもできます。
または set: overflow:hidden

3. clear:both;
フッターを例として挙げます。float で制御される n 列レイアウトが使用されている場合、ff で閲覧するとフッターが不正になる可能性があります。 . それは依然として float によって制御されているためです。ページの下部に表示したい場合は、フッター div に「clear:both;」と記述してください。

4. float Ie
#box{
float:left;
width:100px;
margin:0 0 0 100px; //この場合、IE は 200px の距離を生成します
display:inline ; // float を無視します
}

5. 重要な説明: display: block, inline 2 つの要素 display (display)
display: block // インライン要素はブロック要素としてシミュレートできます

常に新しい行で開始します;
高さ、行の高さ、および上下の余白はすべて制御できます。
幅が設定されていない限り、幅はコンテナの 100% に設定されます

;form>、

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート