建立兩個相鄰的 div 可能是常見的佈局要求。要達到此目的，請考慮以下方法：
Flexbox:
在此解決方案中，Flexbox是用於水平排列div：
<h1>parent {</h1><p>顯示：flex;<br>}</p><h1>窄{</h1><p>寬度：200px;<br>背景：淺藍色； /<em> 就這樣可見</em>/<br>}</p><h1>wide {</h1><p>flex: 1; /<em> 生長到容器的其餘部分</em>/<br> 背景：淺綠色； /<em> 就這樣可見</em>/<br>}<br></p><div> <div id="wide">Wide (其餘寬度）</div> <br> <div></div> <br><p>此方法可讓您為左側div (#narrow) 指定固定寬度，而右側div (#wide) 會自動佔據剩餘空間，填滿螢幕寬度。 </p> </div>
以上是如何使用 CSS 並排放置兩個 div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
