助けてください。ウェブページのレイアウトに問題があります。よろしくお願いします。 _html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:35:11
オリジナル
1045 人が閲覧しました

ウェブサイトは
http://www.mcu86.com/
ウェブサイトナビゲーションタイプです。

IE では正常に表示されますが、FireFox ではコンテンツ div は左の div の下にあります
左の右側に表示されるはずです。
問題が何であるかを理解するのを手伝ってくれる人はいますか? ?


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

なぜ誰も返信しないのですか? ?

外部リンクを気軽にクリックしないでください

外部リンクを気軽にクリックしないでください
ウイルスが心配ですか? ?

左側の境界線の幅を調整します

また、左側のタグにはクラスの代わりに id を使用して幅を調整することをお勧めします。左の

CSS の変更:
ボーダー付きコンテナーに float を追加

#content {
float:right;}


フッター コンテナーの float をクリア
#footers {
clear:both;
TEXT-ALIGN: center; }

CSS の変更:
ボーダー付きコンテナーに float を追加

#content {
float:right;}


フッターコンテナーの float をクリア
#footers {
clear:both;
TEXT-ALIGN: center; .}

さて、境界線のあるコンテナに float を追加します --> 右の境界線のあるコンテナに float を追加します

6th Floor の返信からの引用:
CSS の変更:
境界線のあるコンテナに float を追加します

#content {
float: right;}


Footers コンテナが float をクリアします
#footers {
TEXT-ALIGN: center ...}


うーん、ボーダー コンテナは float を追加します --> border コンテナーは float を追加します

#content {
float:right;}

ワイドスクリーンのモニターに遭遇した場合、コンテンツは画面全体の右端に移動しますか? ?

....

#content {
float:right;}

ワイドスクリーンのモニターに遭遇した場合、コンテンツは画面全体の右端に移動しますか? ?

私のは19インチのディスプレイなので、はっきり見えません。

8 階の返信からの引用:

....
#content {
float:right;}

ワイドスクリーンのモニターに遭遇した場合、コンテンツは画面全体の右端に移動しますか? ?


私のは19インチのディスプレイなので、はっきり見えません。
#content {
float:right;}
これはまだ変更していません。フッター コンテナーをクリア フロートに変更しただけです。

Firefox を使用していますか?

IE と FF が見られました

ポスター #content は、display:block; float:left を設定する必要があります

6 階と 13 階の答えは完全に逆です

1 つは float:left で、もう 1 つは right です

両方試してみますバー

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