我有一個固定高度為50px和100％寬度的表.

在那個表里面,我有兩個div,在同一行,像這樣：

第一個div有float：left,第二個有float：right.

所以表是頁面的100％.我想要div2包裝它的內容,div1填充剩余的空間,使div2對齊到這樣：

+--------------------------------------------------------------+

| [ DIV 1 (Expands) ][ DIV 2 AND ITS CONTENTS ] |

+--------------------------------------------------------------+

當div1的內容少于全線時,我現在得到什么：

+--------------------------------------------------------------+

| [ DIV 1 ][ DIV 2 ] |

+--------------------------------------------------------------+

沒有桌子,我可以直接將其工作浮動,但是當他們“聚在一起”時,他們會相互纏繞而不是彼此相鄰.

編輯：我添加了一個新的jsfiddle here.

這是工作的例子.

嘗試從左側的div除去一個鏈接,并查看結果.第二個div應該保持在最右邊.我希望我自己解釋.

總結

以上是生活随笔為你收集整理的html宽度自动填充,html – 创建一个td填充表宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。