Question

可能有一个简单的答案，但我似乎无法弄明白。

代码：

<body>
  <div class='left'>
  </div>
  <div class='right'>
  </div>
</body>

我希望.left width:100px和.right成为<body>的剩余宽度，但对于我的生活，我无法得到它。

我有：

<style>
.left{
 float:left;
 width:100px;
}
body{
 width:100%;
 height:100%;
}
.right{
 float:left;
 width:85%;
}
</style>

但当然85%不会填充<body>。有什么建议？我知道这很简单。

Answer 1

.right { margin: 0 0 0 100px; } /* remove the float and width */

如果您.right内的元素clear，则无效。