Question

我有一个包含两个其他div的div，如下所示：

----------------------------
|            |             |   
|            |             |
| div 1      |    div 2    |
|            |             |
|            |             |
|            |             |
----------------------------

div 1具有固定的宽度，在相同的情况下我需要将其删除。总是显示div 2。两个div的容器具有固定的宽度。我的问题是如何定义div2宽度。如果有div1，则div2宽度必须为x，但如果未显示div1，则div2宽度必须与容器相同。 Div1和div2具有以下css：

#div1{
    width: 146px;
    height: 118px;
    float: left;
}

#div2{
    height: 104px;
    padding: 12px 5px 2px 11px;
    float: left;
}

我该怎么办？

Answer 1

像这样写：

<强> CSS

#div1{
    width: 146px;
    height: 118px;
    float: left;
    background:red;
}

#div2{
    height: 104px;
    padding: 12px 5px 2px 11px;
    overflow:hidden;
    background:green;
}

选中此http://jsfiddle.net/2zU3h/

Answer 2

您可以将div2的宽度设置为“auto”，并将min-width设置为“containerWidth-Div1Width”。

Answer 3

没有必要使用JavaScript。

这一切都可以使用CSS完成。

看看我刚刚制作的这个片段： http://jsfiddle.net/eUYyQ

使用+选择器，如果第一个div存在，您可以选择第二个div并浮动它。否则，第二个div将仍然是一个块元素。

将width设置为float div

3 个答案: