2012-09-24 119 views
-1

我有兩個div(兩個浮點數:左)。第一個沒有固定的寬度。第二個必須具有等於第一個div留下的空閒空間的寬度。我能怎麼做? 這是申報單的方案:兩個div浮點和寬度

------------------ 
|   |  | 
|   |  | 
| div 1 | div 2 | 
|_________|________| 

感謝

回答

1

而是浮他們可以使用display:table-cell做到這一點:

jsFiddle example

HTML

<div id="a">div 1</div> 
<div id="b">div 2</div>​ 

CSS

div { 
    border:1px solid #999; 
    height:100px; 
    padding:10px; 
    display:table-cell; 
} 
#b { 
    width:100%; 
} 
+0

也許應該提及與舊版本IE瀏覽器的限制,如果該事項給讀者。 – Sparky

+0

謝謝。在你的例子中(以及在我的網站上),如果我在div a中寫出兩個單詞,這兩個單詞不是同一行,爲什麼?謝謝 – pindol

+0

因爲div收縮得儘可能小。你可以設置一個寬度,也可以使用CSS3的word-wrap屬性來改變它。 – j08691