使用最大宽度和宽度：100％，正确的方法是什么？

问题描述：

我使用这个CSS，它适用于除chrome之外的所有浏览器。使用最大宽度和宽度：100％，正确的方法是什么？

CSS：

#header { 
    width: 100%; 
    max-width: 1024px; 
}

HTML：

<table id="header"> 
    <tr> 
     <td> 
     </td> 
    </tr> 
</table>

我想要的#header以尽可能延长，但最多1,024像素。在铬上它只是延伸100％。

这样做的正确方法是什么？

我罚款看到它在Chrome：http://jsfiddle.net/SrAwx/ – Alvaro 2012-07-09 18:41:28

正常工作与铬，Firefox和Safari的最新版本。 – SVS 2012-07-09 18:45:59

@Alvaro：对不起，我正在使用一个表格对象。不是一个div：http://jsfiddle.net/SrAwx/1/ – Drahcir 2012-07-09 18:47:17

答

尝试将display: block添加到CSS。

#header { 
    background:red; 
    width: 100%; 
    max-width: 300px; 
    height:100px; 
    display: block; 
}

不，没有工作。把它折叠成最小的宽度。 – Drahcir 2012-07-09 18:54:41

不确定你的意思是“最小宽度”，使用上面的我能够使它成长到最大宽度可靠（即通过将其更改为最大宽度600px） – Vassi 2012-07-09 19:01:18

我的错误，谢谢 – Drahcir 2012-07-09 19:04:32

答

所有你需要做的是设置table到display: block。