html – 如何将两个div并排放置在第二个宽度为100％的位置？

发布时间：2020-12-14 22:28:24 所属栏目：资源来源：网络整理

导读：我想实现这个： width=60px width = remaining space|------| |-----------------------------------|| div1 | | Loren ipsun... ||------| | | | div2 | |-----------------------------------| 07000 并排放置两个div并将剩下的剩余空间留给第二个div？解

我想实现这个：

width=60px         width = remaining space
|------|    |-----------------------------------|
| div1 |    | Loren ipsun...                    |
|------|    |                                   |
            |                            div2   |
            |-----------------------------------|

07000

并排放置两个div并将剩下的剩余空间留给第二个div？

解决方法

只需浮动第一个div，并设置第二个div的margin-left，以适应第一个div的宽度。这样的事情

div.one {
  width: 60px;
  float: left;
}

div.two {
  margin-left: 60px;
}

请记住，div上的CSS属性宽度仅适用于内容，因此您需要将margin-left设置为第一个div的width，border，margin和padding属性的总和。

Here是您jsfiddle的更新版本。如果您对此有任何疑问，请告诉我们。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!