0

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

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

  • div1 在左边
  • div2居中
  • div3在右边

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

这是我目前拥有的:

在此处输入图像描述

但这就是我想要的:

在此处输入图像描述

这是我的小提琴

有任何想法吗?谢谢!

4

4 回答 4

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

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

于 2012-06-01T10:33:34.187 回答
1

检查这个http://jsfiddle.net/geQqG/16/然后复制这段代码并粘贴到你的dreamweaver中并使用firefox浏览器运行......

于 2012-06-01T10:39:42.113 回答
1

只需添加 overflow:auto;您的 div3 的 CSS 即可

于 2012-06-01T10:41:57.137 回答
0

嗨,我想你想要这个

请移至宽度 #container

像这样

#container {

    padding: 5px;
}

和过权属性,#div3 就像这样

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

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

于 2012-06-01T10:41:54.703 回答