对齐一个100％的宽度div来固定宽度的div

Consieder下面请：对齐一个100％的宽度div来固定宽度的div

.d1 { 
width: 100px; 
float: left; 
} 

.d2 { 
width: auto; 
float: left; 
} 

<div class="d1">Content fixed</div> 
<div class="d2">This content should take the rest of the page (on vertical side)</div>

这是行不通的。如何让一个固定的宽度div留在变量（窗口自适应）宽度div的左侧？

谢谢。

来源

2011-09-22 Andry

宽度自动将根据其中包含的内容大小。你有没有试过用div封装div来控制整个宽度？ – user466764

[动态大小的并排浮动]的可能的副本（http://stackoverflow.com/questions/7461912/dynamically-sized-side-by-side-floats） – Kyle

这已经问了很多次在SO ，有很多答案，请尝试搜索。 – Kyle

卸下从.d2的float并给予它一个左填充相当于.d1的宽度将做把戏：

.d1 { 
    float: left; 
    width: 100px; 
} 

.d2 { 
    padding-left: 100px; 
}

你可以看到它in action here。

来源

2011-09-22 15:56:53 Pat

问题是，当我插入文本时，文本会导致其他div的内容下降... – Andry

而不是宽度：自动尝试宽度：100％（或90％/ 99％等）为较大的股利。

来源

2011-09-22 15:49:51 Michelle

的一种方法是给予.d2一个position:absolute，则left:100px和right:0;

实施例：http://jsfiddle.net/La6QP/

来源

2011-09-22 15:53:28 Bart

只需从d2中删除当前的样式并给它一定的余量。

来源

2011-09-22 15:59:09 Rob

对齐一个100％的宽度div来固定宽度的div

回答

相关问题