div，侧栏和内容的位置

Question

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

• 左边的div总是大小相同，但有时却没有显示。
• 右边有3个选项，小，正常或宽。一次只会显示一个右侧，但有时则没有。
• 中心应调整到左侧和右侧，占用尽可能多的空间，但不要将右侧div推到新线上（与宽度：100％一样）

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

我在小提琴中做了一个例子，以防我的解释不清楚：http://jsfiddle.net/WDZFx/13/

提前致谢！

Answer 1

Jennica，这里有一个样本http://jsfiddle.net/uQ4TH/，但它有我前面提到的同样的问题，中心只会根据内容扩展，尽管最大可能是50％;

Answer 2

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

将您的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; 
}