2010-08-05 41 views
0

我有<div>塊,它有一些固定的寬度。側邊欄伸展直到它們的寬度達到某個值。然後塊應該舒展,而不是側邊欄。我如何在CSS中實現這一點?CSS:塊寬度應該保持固定,直到側邊欄達到很小的寬度

「側邊欄」只是<div>的邊距(空間)。

解決方案:

div 
{ 
    /* Left and right margin stretch from zero to infinity */ 
    margin:0 auto; 

    /* 2em is minimal side width */ 
    padding: 0 2em; 

    /* Expected width */ 
    max-width: 640px; 

    /* Minimal width */ 
    min-width: 320px; 
} 

回答

1

我認爲你正在尋找的最小寬度屬性:http://www.w3schools.com/CSS/pr_dim_min-width.asp。或最大寬度:http://www.w3schools.com/css/pr_dim_max-width.asp

但是,這並沒有在所有瀏覽器中完全支持。

+0

含義「在所有瀏覽器中都支持比Internet Explorer 6更新」。和W3Schools?作爲參考,這是一個糟糕的選擇。 – Quentin 2010-08-05 10:51:33

+0

請詳細說明爲什麼它是一個簡單的CSS屬性的可憐的參考?另外,我不會說IE7有全面的支持。 – Radu 2010-08-05 11:15:29

1

其中一種方法是圍繞所有<div>的更大的div,它們是所有人的總大小,然後可能在所有三個div上施加min-width。但是,Internet Explorer在這方面效果並不理想。

+0

IE7和以上的作品很好。 – Quentin 2010-08-05 10:51:50