css - div、侧栏和内容的位置

Question

我有一个站点，其中有几个不同的左右容器选项和一个中心。

• 左侧 div 的大小始终相同，但有时不会显示。
• 右边有 3 个选项，小、正常或宽。一次只会显示一个右侧，但有时没有。
• 中心应调整到左侧和右侧，尽可能多地占用空间，但不要将右侧 div 推到新行（就像宽度：100% 一样）

这是可能吗？只拥有一个 div，做你想做的事而不必告诉它怎么做？

如果我的解释不清楚，我在 Fiddle 中做了一个例子：http: //jsfiddle.net/WDZFx/13/

提前致谢！

Answer 1

使用百分比而不是指定左/中/右的单独宽度：

将您的 CSS 修改为：

#Wrap { 
    width:100%; 
}
#Left { 
    width: 10%; 
    float:left; 
    background-color:pink; 
}
#Center { 
    width: 30%; 
    float:left; 
    background-color:beige; 
}

#Right { 
    width:60%; 
    float:left; 
    background-color:silver; 
}

Answer 2

Jennica，这里有一个示例http://jsfiddle.net/uQ4TH/，但它和我之前提到的问题一样，中心的只会根据内容扩展，尽管最大可能是 50%；