0

...そして「理由がない」という意味です。私が明らかに(そしておそらく露骨に)見落としている理由があります。これは NOOB のような質問ですが、フローティング div の何が問題なのか、一生わかりません。

ここに見られるように: http://codysilfies.com/kenji/beta.html

コンテナー div (#Wrapper) があり、そこにはいくつかの div が含まれています。その中には、左に浮かぶメニュー (#menu) を持つコンテンツ領域 (#content) があります。テキストを格納する div (まだ ID はありません)。

両方を左に揃えると、2 つの div が互いに向かい合って配置されると思いました。しかし、それはそのようには機能していません。テキスト付きのボックスがメニューに重なり、レイアウトが乱れています。また、コード内のメニューの前にテキストを配置する必要があります。そうしないと、メイン メニューの下に表示されます (これは通常の動作ではありません。他の div に対して配置する必要があります!

幅を設定してテキストを右にフロートできることはわかっていますが、ブラウザー ページに合わせてページのサイズを変更するように要求されています。

私が見落としているのは愚かで単純なことだとわかっています...しかし、私には見えません。どんな助けでも熱くなるでしょう!前もって感謝します。

4

3 に答える 3

0

また、ボックスモデルを覚えておいてください。一般に、画像だけではなく、構造に関連する場合は、フロート要素に幅を指定することをお勧めします。これは、IE7および8の問題を回避するのにも役立ちます。

于 2012-10-30T05:44:44.960 に答える
0

HI 今margin-left:190px;あなたのfloat right divに与える

このように

<div style="float:right;margin-left:190px;">

結果は

これ

于 2012-10-30T05:35:02.520 に答える
0

解決策は、私が愚かだっただけです。メニューにフロートを追加するのを忘れていました。ああ!

于 2012-10-31T04:54:38.563 に答える