如何将第二个宽度为100%的两个div并排放置？

Question

我想实现这个目标:

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

在jsFiddle上示例html.

是否可以将两个div并排放置,留下第二个div以及所有剩余空间？

Answer 1

只需浮动第一个div,并设置第二个div的margin-left以适应第一个div的宽度.像这样的东西:

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

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

请记住,width在DIV + CSS属性只适用于内容,所以你需要设置margin-left成为总和width,border,margin,和padding第一个div的属性.

这是你的jsfiddle的更新版本.如果您对此有任何疑问,请与我们联系.