Css div、侧栏和内容的放置

我有一个网站，其中有左，右集装箱和一个中心几个不同的选择

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

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

如果我的解释不清楚，我用小提琴做了一个例子：

---

提前谢谢

Jennica，这是一个样本，但它有我前面提到的相同问题，中间的一个只会根据内容扩展，尽管最大可能是50%

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

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

---

你想在这里做一些类似的事情吗？中心div应该占据平衡宽度而不是定义的宽度。krish，在@lakshmipriya的代码中将#中心的定义更改为“最大宽度：60%”。但是，div将根据其内容而缩小。@xFortyFourx:玩小提琴很奇怪……大家好，谢谢你们的回复！正如xFourtyFourx还提到的，问题是内容会扩展到全宽，如果左栏或右栏未填充，则内容（中间）应最大化。我仍然不知道如何做到这一点，我最好的选择是在检查侧div是否有内容后在codebeard中设置宽度。这不是一个很好的解决方案，但这是迄今为止我得到的最好的解决方案