css - CSS 浮動小数点位置

Question

ホームページに最新の投稿の抜粋を表示するセクションがあり、最初の 2 つの投稿を並べて表示するための css を作成しましたが、2 番目の記事を横に表示することができません。最初の記事。2 番目のタイトルに float:right と入力しても、1 番目のタイトルの下では右にフロートします。私のサイト www.ehowtodrywall.com にアクセスすると、私の言いたいことが正確にわかります。最新の記事セクションで、最初のタイトルの右に 2 番目のタイトルをフロートさせるにはどうすればよいでしょうか ...

Answer 1

あなたが持っclear:bothていdiv.srp-widget-singlepostます。それを取り除くと、それらはすべて隣り合って浮きます。

フロートをクリアすると、そのタイプのフロートが「新しい行で」開始されます。そのようなフロートで「キャリッジリターン」を打っているようなものです。

Answer 2

これは、フロートの幅が親の幅よりも大きいためです。それらを隣り合わせにしたい場合は、幅を狭くする必要があります。たとえば、50％50％にします。ただし、マージンと境界線が幅に追加されることを忘れないでください。