html - 按宽度(以像素为单位)和百分比 float 两个 DIV

Question

如何 float 两个 DIV 并排，因为一个的宽度以像素为单位定义，另一个应填充父 DIV 中的可用宽度？关键是第二个 DIV 的内容可能是空白的；因此，我不能将其宽度留空。

.div1 {
float:left;
display:block;
width:200px
}

.div2 {
float:left;
display:block;
width: [... 100% - 200px ...]
} 

Answer 1

简单 - float 第一个 div 并只给第二个 div 等于第一个 div 宽度的边距(div 是一个 block 元素，所以它已经有 100% 的宽度 - 只是为了验证你可以添加 width :自动):

.div1 {
  float: left;
  width: 200px;
  height: 100px;
  background: violet;
}

.div2 {
  width: auto;
  margin-left: 200px;    
  height: 100px;
  background: yellow;    
}

这里有一个 fiddle :http://jsfiddle.net/gFyY3/