2010-08-05 45 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