<p>2 つの flex アイテムを含む flex コンテナがあります。最初のフレックス項(xiàng)目はコンテナの幅を決定し、2 番目のフレックス項(xiàng)目はコンテナの周?chē)欷驀欷啾匾ⅳ辘蓼埂?Tailwind CSS をスタイル設(shè)定に使用していますが、希望するレイアウトが得られません。 <br /><br />これが私の現(xiàn)在のコードです: </p><p><br /></p>
<pre class="brush:html;toolbar:false;"><div class="flex flex-col">
<div class="flex-initial w-2/3 bg-blue-500 p-4"> <!-- 最初の子 -->
<!-- 最初の子の內(nèi)容 -->
</div>
<div class="bg-red-500 p-4"> <!-- 殘りのすべてのコンポーネントがそれを囲みます -->
<!-- 殘りのコンポーネントの內(nèi)容 -->
</div>
</div>
</pre>
<p>w-2/3 を使用して最初の子の幅を設(shè)定しようとしましたが、2 番目の子は依然としてコンテナ內(nèi)の使用可能なスペースをすべて占有します。 2 番目の flex アイテムを最初のアイテムの周?chē)欷衰楗氓驻丹?、最初のアイテムにコンテナの幅を決定させるにはどうすればよいでしょうか? <br /><br />ご支援やご指導(dǎo)を賜りまして、誠(chéng)にありがとうございます。前もって感謝します! </p>