如何使用 CSS 並排放置兩個 div？

在 CSS 中並排放置兩個 Div

建立兩個相鄰的 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中文網其他相關文章！