2012-09-24 59 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