组宽度浮动DIV

我有一个包含其它两个div ,,这样一个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; 
}

我该怎么办？

来源

2012-03-22 pindol

我想你将需要显示更多的CSS和你的html。 – ColWhi 2012-03-22 10:29:40

这样写：

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/

来源

2012-03-22 10:39:27 sandeep

您可以将div2的宽度设置为“自动”，并将最小宽度设置为“containerWidth-Div1Width”。

来源

2012-03-22 10:35:34

它无法将div1和div2的宽度设置为自动:(。容器宽度有固定宽度 – pindol 2012-03-22 10:43:12

Div1是什么意思没有显示？是否存在？ – 2012-03-22 10:45:39

它不存在 – pindol 2012-03-22 10:46:14

没有必要使用JavaScript这一点。

它可以使用CSS来完成。

看看这个片段我只是做： http://jsfiddle.net/eUYyQ

使用+选择，你可以选择第二个DIV和浮它，如果第一格是存在的。否则第二个div将保持一个块元素。

来源

2012-03-22 10:43:16 martinjlowm

组宽度浮动DIV

回答

相关问题