これが私の問題の抽象化です：http：//jsfiddle.net/BsHpj/8/
これが私が機能する別のスレッドで見つけたものです：http ：//jsfiddle.net/QHTeS/2/
なぜ彼の作品は私が欲しいのに私のものはそうではないのですか？すべての助けに感謝します。
これが私のあまり抽象化されていないバージョンです：http：//jsfiddle.net/nLn3A/
質問する
504 次
3 に答える
4
右側のdivをフローティングしているため、バージョンは機能しませんが、左側のdivは機能しません。したがって、左側のdivは親コンテナの幅の100％を占め、右側のdivを下げています。float: left;左側のdivと右側のdivに追加した場合float: right;、それらの間にギャップがあり、同じ行に表示されるはずです。
フロートは、コンテナをコンテンツのサイズに「シュリンクラップ」するものと考えてください。デフォルトでは、コンテナは通常、親の幅の100％を占めます。
于 2012-05-07T23:04:30.653 に答える
3
左右の順番を入れ替えます。それ以外の場合、最初のdivはすべての水平方向のスペースを埋めます。
于 2012-05-07T23:04:07.523 に答える
2
あなたが探しているのは、右側に1つの固定カラム、左側に1つの液体だと思います。
方法1：左右の順序を入れ替える：http：//jsfiddle.net/BsHpj/19/この方法はCSSが最も少ない方法ですが、HTMLを少し直感的にしなくてはならないことを意味します。（リン・ヘッドリーによる）
方法2：margin-leftとmargin-rightを使用します。http：//jsfiddle.net/VmaZr/14/この方法はHTMLが優れていますが、CSSコードが多くなります。（DynamicDriveによる）
方法3：divをテーブルとしてフォーマットします：http：//jsfiddle.net/BsHpj/9/簡単に理解できますが、CSSが少し増えます（Oswaldo Acauanによる）。
于 2012-05-08T09:15:54.680 に答える