html - 内部の不要なスペース
浮いた要素で

Question

コンテンツ（2つの要素）<div>のサイズを変更できないという問題があります。<p>コンテンツはフロートされます。

それでも、<div>すべてが含まれているのは3行の高さで、本来の1行だけではありません。それを機能させるために私は何が欠けていますか？

score 1 · Accepted Answer

フィドルを用意しましたが、うまく機能します。コードのエラーに違いありません。その一部を見せてください。

およびpaddings/margins/height/lineheightに影響を与えないようにしてください(=ブラウザのデフォルトをリセットしてください!)。また、親は両方を保持するのに十分な幅が必要です。また、非フローティングコンテンツがある場合は、順序が重要です。divpdivp

score 1 · Accepted Answer

<p>まず、両方のタグを左にフロートします。

次に、の<div>幅が両方の<p>タグに対応するのに十分な大きさであることを確認します。

その後、それらを1行で取得できるはずです。

なぜ右にフロートするのが良い考えではないのかを示すためだけに (それは実際に何をしようとしているのかに依存します.. ダイアログボックス?)

を使用するfloat: right;と、段落が長くなりすぎた後に書式設定が壊れます。

両方に使用するfloat: left;と、それらをコンテナに入れることができますが、それらは箱の中に確実に収まります。

繰り返しますが、ここで達成しようとしていることに大きく依存します。

score 1 · Accepted Answer

<p>要素にはデフォルトがあると思いますmargin。に設定marginしてみてください0px。これにより、間隔が削除される可能性があります。

score -1 · Accepted Answer

<div>それぞれが 1 行になるように、最も外側に十分なスペースがあり<p>ますか? そうでなければ、一方が他方よりも下に崩れます。さらに、クリアの両方の<div>行の高さも完全になります。cbこれらの状況で適用するというクラスに適用するスタイルは次のとおりです...

.cb
{
    clear:both !important;
    float:none !important;
    height:1px;
    line-height:0;
    margin:0;
    padding:0;
}

html - 内部の不要なスペース浮いた要素で