Question

我有简单的网页，其中包含两列：侧边栏和内容。如果两列都是动态的，但边栏的宽度必须固定，内容宽度应该是动态的，具体取决于浏览器的宽度，这没有问题。

我不知道如何计算列的宽度。

感谢。

Answer 1

我想你正在寻找这样的东西：

我所做的是将左侧边栏浮动，然后给内容留下一个相当于侧边栏宽度的左边距：

#sidebar { 
    width: 200px;
    float: left;
}

#content {
    margin-left: 200px;
}

Answer 2

你可以这样做：

<强> FIDDLE

#sidebar { 
    width: 200px;
    float: left;
}

#content {
    overflow: auto; 
 /* trigger a block formatting context (this fills remaining horizontal width) */
}

如何在响应式网页设计中混合固定和％宽度？

2 个答案: