2011-09-22 228 views
0

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的左側?

謝謝。

+0

寬度自動將根據其中包含的內容大小。你有沒有試過用div封裝div來控制整個寬度? – user466764

+0

[動態大小的並排浮動]的可能的副本(http://stackoverflow.com/questions/7461912/dynamically-sized-side-by-side-floats) – Kyle

+2

這已經問了很多次在SO ,有很多答案,請嘗試搜索。 – Kyle

回答

1

卸下從.d2float並給予它一個左填充相當於.d1的寬度將做把戲:

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

.d2 { 
    padding-left: 100px; 
} 

你可以看到它in action here

+0

問題是,當我插入文本時,文本會導致其他div的內容下降... – Andry

0

而不是寬度:自動嘗試寬度:100%(或90%/ 99%等)爲較大的股利。

0

只需從d2中刪除當前的樣式並給它一定的餘量。

相關問題