0

2 つの div が並んでいるコンテナーがあります。

最初の div には固定幅が適用されていませんが、2 番目には固定幅が適用されています。私が望むのは、2番目のdivがレンダリングされていないときに最初のdivを全幅に拡張することです。

ただし、私が直面している問題は、div 1 の段落が長くなると、本来のように折り返されず、代わりに div1 が div2 の下に折り返されないことです。私が達成しようとしているのは、長い段落が div 1 で折り返され、フローティング div 2 を尊重することです。

以下のコードはより良い説明になるかもしれません....

<div style="width:600px; height: 600px; margin-left: auto; margin-right: auto; border:1px solid blue;">
        <div style="float:left; border:1px solid green;">
            <p>Main long text jhjkhjkhjkhjk hj hjkh jkh jkh jkh jkh jkh jk hjk h jkh jh jkh jkh jkh jk hjk hjk hjkhkjhjkhjkhjkhjkhjkhjkhjkhjkhjkhjkh</p>
        </div>
        <div style="float:right; border:1px solid red; width: 200px;">
            <p>Secondary</p>
        </div>

前もって感謝します

4

1 に答える 1

0

最初の内側のdivに幅を追加します

<div style="width:600px; height: 600px; margin-left: auto; margin-right: auto; border:1px solid blue;">
        <div style="float:left; border:1px solid green; width: 396px;">
            <p>Main long text jhjkhjkhjkhjk hj hjkh jkh jkh jkh jkh jkh jk hjk h jkh jh jkh jkh jkh jk hjk hjk hjkhkjhjkhjkhjkhjkhjkhjkhjkhjkhjkhjkh</p>
        </div>
        <div style="float:right; border:1px solid red; width: 200px;">
            <p>Secondary</p>
        </div>
于 2012-04-11T15:34:27.833 に答える