最小寬度屬性不能在Div上工作，但可以在表標籤上工作

Question

我有一個div在我的頁面中。我把它設置爲寬度至500px。但有時它的內容會獲得超過500px的空間。所以我將其設置爲最小寬度屬性爲500px。 它預計默認情況下需要500px，根據其內容需要更長的時間。但默認情況下會佔用整個頁面的寬度。

但如果我用替換Div表，它工作正常。 有人知道原因嗎？

Answer 1

請參閱演示。
Demo.

你必須在CSS設置像

min-width: 200px; 
    width: auto; 
    float: left; 

Answer 2

正常塊之類的東西的表，魚漂，直列塊等使用計算寬度的不同的算法。對於普通塊，寬度通常是容器的可用寬度，只有當容器比它窄時才考慮min-width。對於後者，寬度算法是shrink-to-fit。

但有several ways使正常的div行爲像一個表。