如何使用 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>

<div> <div id="wide">Wide (其余宽度）<br> </p><div></div><br>

此方法允许您为左侧 div (#narrow) 指定固定宽度，而右侧 div (#wide) 自动占据剩余空间，填满屏幕宽度。

登录后复制

以上是如何使用 CSS 并排放置两个 div？的详细内容。更多信息请关注PHP中文网其他相关文章！