CSS 一个具有液体宽度的 div 旁边的浮动 div 可能存在也可能不存在答案

【问题标题】：CSS one div with liquid width next to a floating div that may or may not existCSS 一个具有液体宽度的 div 旁边的浮动 div 可能存在也可能不存在
【发布时间】：2012-06-01 10:29:43
【问题描述】：

我已经阅读了这个question，但我无法找到适合我需要的解决方案，因为我的情况有点不同，而且我不太擅长 CSS。

我拥有的是一个包含其他三个 div 的 div：

div1在左边
div2 居中
div3 在右边

问题在于 div2 可能存在也可能不存在。

这是我目前拥有的：

但这就是我想要的：

这是我的Fiddle

有什么想法吗？谢谢！

【问题讨论】：

标签： html css positioning liquid-layout

【解决方案1】：

#div3{
display:block;
background: #CCC;
overflow: hidden;
}

http://jsfiddle.net/5xgwz/17/

【讨论】：

非常感谢，这真的让我很头疼。我从来没有想过它会是一个如此简单的解决方案！

【解决方案2】：

检查此http://jsfiddle.net/geQqG/16/，然后只需复制此代码并粘贴到您的dreamweaver 并使用firefox 浏览器运行......

【讨论】：

【解决方案3】：

只需在 div3 的 css 中添加 overflow:auto; 即可

【讨论】：

【解决方案4】：

嗨，我想你想要这个

请移至#container的宽度

像这样

#container {

    padding: 5px;
}

和这个#div3 的过右属性就像这样

#div3{
    display:block;
    background: #CCC;
    overflow: hidden;
}

现在现场演示是http://jsfiddle.net/5xgwz/20/

【讨论】：