組寬度浮動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

回答

相關問題