如何将div并排放置

• Z时代
• 2024-01-10
• 分类：问答

我有一个设置100％宽度的主包装div。在里面，我想有两个div，一个是固定宽度的，另一个是填充其余空间的。我如何浮动第二个div来填充其余的空间。谢谢你的帮助。

回答：

有很多方法可以满足您的要求：

1. 使用CSS float属性：

   <div style="width: 100%; overflow: hidden;">
   <div style="width: 600px; float: left;"> Left </div>
   <div style="margin-left: 620px;"> Right </div>
   

2. 使用CSS display属性 -可以使divs的行为类似于table：

   <div style="width: 100%; display: table;">
   <div style="display: table-row">
       <div style="width: 600px; display: table-cell;"> Left </div>
       <div style="display: table-cell;"> Right </div>
   </div>
   

有更多的方法，但是这两种是最流行的。

以上是 如何将div并排放置 的全部内容， 来源链接： utcz.com/qa/398974.html