css - CSS、ワードプレス、IE

Question

float を使用して CSS に 3 つのアイテムを配置したいと考えています。

1. 左上 -- ロゴ
2. ロゴの右側にあるナビゲーションは、順序付けされていないリストです。つまり、左側にフローティングします。
3. 右上には、ニュースレターに登録するための 2 行のフィールドがあります。一番上の行とフォーム フィールドをコピーし、2 番目の行に送信の下部を配置します。

それぞれに独自の Div タグを付けましたが、float で動作するように見えません。サイトのサイズが変更されたときに見栄えがよくない絶対配置のみ。現在、div 内にテーブルを配置していますが、純粋な CSS ソリューションが大好きです。

ロゴを左にフロートさせ、サインアップ フィールドを右にフロートさせることはできますが、ナビゲーションを適切に配置できないようです。左端まで入れるか、クリアを入れてロゴとフィールドの下に入れます。

任意の提案をいただければ幸いです。

Answer 1

私が正しく理解していれば、1 番目と 2 番目の要素を float: left に設定し、3 番目の要素のマージンを 1 番目と 2 番目の幅に等しく設定できますか?

最初の要素を左に浮動させ、3 番目の要素を右に浮動させ、2 番目の要素を最初の要素の幅と同じマージンで設定することもできます。3 列のレイアウトのように。