如何将div并排放置

一尘不染

如何将div并排放置

html

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

阅读 354

2020-05-10

共1个答案

一尘不染

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

使用CSS float属性：

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

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

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

2020-05-10