html - 具有固定宽度子元素的响应式布局

Question

我想在网页中实现以下响应式布局(HTML5 和 CSS3):

所有三个 div 标签都包裹在一个最大宽度为 960px 的 div 中；

我想保持“Navigation”div 的宽度固定，因此在其上应用了以下样式:

width:90px; float:left; padding:5px;

如何在不指定宽度的情况下让“Contents”div 占据所有剩余空间，同时保持布局响应？

谢谢。

Answer 1

#content{
    margin: 0 0 0 90px;
    padding: 10px 30px;
}