問題タブ [css-float]

ページ全体に広がるブロック要素（DIV）があります。可変幅の複数のフロートDIVが含まれています。この要素は多くのWebページに存在できます（誰でも自分のWebサイトに配置できます）。すべてのサイトのFFでは、正しくレンダリングされ、フロートされたDIVの幅は内部コンテンツと同じです。IEでは機能する場合がありますが、他のサイトでは機能せず、代わりに、フロートされた各DIVを親の幅に拡大します。添付されているのは、さらに例示するための画像です（赤いDIVはコンテナー、黒いDIVはフロートされています）。

http://img8.imageshack.us/img8/4734/screenrrl.jpg （画像はPhotoshopで処理されており、実際のHTMLレンダリングではありません）

多数の行の引用符を並べたページを作成する必要があります。各行の引用符が垂直に並んでいて、互いに下に並んでいない、クリーンなCSS2プレゼンテーションを探しています。コードの量が最も少なく、できればDIVをフロートせず、display属性を利用するソリューションを探しています。

Re：以下のコード、私の考えは、各引用符を独自のDIVに含め（1行の引用符を並べて表示することを期待）、1行のDIVを親DIVに含めることです（希望する場合）次の行の引用符を縦に並べます）。コードを細かく切り刻みます。新しく始めます。私がどこで間違っているのかを私に知らせるために必要なことは何でもしてください。

さて、私はウェブサイトを持っていて、全体がコンテナに包まれています。このコンテナは、margin:auto で中央揃えされます。この中央のコンテナの右側にコンテンツをフロートさせ、ユーザーがブラウザウィンドウのサイズを変更した場合などに、コンテンツを横に固定したいと思います。本当に簡単な方法があるかどうか疑問に思っています別の巨大な div を追加するのではなく、これを行い、幅を与え、中央部分を左に、コンテンツの一部を右に浮かせます。ありがとう！

私の例はここにあります

FFで右または左に揃えるように指示すると、ロゴはきれいに見え、テキストと適切に折り返されているように見えますが、IEでは、テキストの最初の行の後に大きなギャップが表示されます。

また、フロートの左右のスタイルを作成し、ロゴに適用しようとしましたが、同じ効果が得られました。これがIEの問題であることは知っていますが、まだ修正されていません。

親divを左にフロートさせ、2 つの子divを右にフロートさせる必要があります。

親divは（仕様を正しく理解していれば）子を含めるのに必要なだけ広くする必要がありますdiv。これは、Firefoxなどでの動作です。

IE では、親divは 100% 幅に拡張されます。これは、子が右に浮いている浮動要素の問題のようです。テスト ページ:

残念ながら、子divの幅を固定できないため、親に固定幅を設定できません。

div親を子と同じ幅にする CSS のみの回避策はありdivますか?

2つのfloatdiv要素を設定したときに問題が発生しました。divの1つにselect要素が含まれていますが、ページが読み込まれたときにdivに問題はありませんでしたが、選択ボックスの要素をクリックするとすぐにdivが表示されます。右シフトで下に配置されていますか？

ここに私が話していることについてのいくつかのサンプルコードがあります：

とhtml

そして、ここで前後に起こっていることのスクリーンショット：
スクリーンショット

JavaScriptはまったく含まれていません

Opera（Presto）、Firefox（Gecko）、IE8（Trident）でテストしましたが、問題ありません。Chrome2、SR Iron、QTWebでテストしたので、Webkitベースのブラウザーでのみ表示されるようです。

PS：醜いテーブルヘッダーを無視してみてください、すぐに修正します（現在、Opera、Firefox、IE8ブラウザで問題ありません）

左揃えと右揃えのテキストが表示されるようにフッターを分割しようとしています。私は次のものを持っていますが、2つの要素が次々に表示されています：

本当に単純なはずですが、私はそれを機能させることができません-誰かがアドバイスを提供できますか？

ありがとう

ヘレン

次のコードでは、「y」を含む div を、3 つの「x」を含む div の高さと一致させたいと考えています。

注意すべきことは、内側の div がフローティングであることです。

私は最近、次のように多くのフロートを使用しています。

時々、ボタンを右にフロートさせます。時々、それらすべてを右にフロートさせます。ここから問題が始まります。それをすると本当に流れが狂ってしまうので、これらを入れ続けなければなりません：

最後に。それらをすべてフローティングしていない場合、レイアウトが崩れます。

これに対する良い解決策はありますか？

ここにIE7で問題を引き起こしているhtmlコードがあります

これは本来あるべき姿であり、ie8、firefox では問題なく表示されます。

http://img200.imageshack.us/img200/189/ie8.png

しかし IE7 では、フロート右画像はこのようにドキュメントの右端にジャンプします

http://img33.imageshack.us/img33/6239/ie7bug.png

どうすればこれを修正できますか? 高さ幅の属性を削除して、max-height,max-width を使用してみました。それは役に立ちませんでした。どうもありがとう