IE沒有環繞浮動div，但是FF是

我的網頁在Firefox中完美運行。但在IE中它沒有正確包裝。IE沒有環繞浮動div，但是FF是

父母DIV的兩列是：

.underbars 
{ 
    left:0; 
    right:0; 
    top: 140px; 
    position: absolute;  
}

在這個div有2個的div，一個是浮動的其他應直接坐到浮動div的右側，究其原因，第二個div是不漂浮是因爲我想讓它佔據左邊的空間。在IE中，第二個div直接位於第一個div下方。

浮動DIV：（必須在左側）

.cabinetpane 
{ 

    border-right: 1px solid #c1c0c1; 
    border-right-style: solid; 
    border-bottom-style: solid; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-right-color: #c1c0c1; 
    border-bottom-color: #c1c0c1;  
    font-size: 12px; 
    color: #3B4F65; 
}

包裝DIV（應該是直接的權利，並採取了所有可用空間）

<div> </div> //No css for this one

來源

2012-07-06 michael

你正在處理哪個IE版本？ – 2012-07-06 23:34:49

我們可以有[小提琴]（http://jsfiddle.net/）嗎？ – 2012-07-07 00:01:38

當然。它的http://www.aussiehaulage.com。au /和im處理IE9 – michael 2012-07-07 00:24:43

我可以想出的最佳解決方案是有一個具有對齊事物的唯一目的的div（它僅用於結構，不顯示顏色/邊框）。

這裏是盒模型： enter image description here

該div IM談論的是要「採取了遺留下來的空間」又名橙盒的一個。在div中應用了一個指定的樣式，div將有一個空白左邊（這個空白寬度應該和float-left列一樣寬），這樣當另一個div被放入並且寬度爲100％時，在這種情況下，藍色div（我給了它90因爲填充和邊框等，你將需要根據你有什麼邊界/邊距/填充來擺弄這個），藍色div總是會佔據空間的其餘部分。

由顏色來概括：

黑色=您的左列的div是一個固定
橙色= DIV用於結構（不應該有國界/背景等）
貪婪=橙色div上使用的左邊距的隱喻表示
blue =填充右側空格的div。

P.S.我在IE8

測試這一點，你可以找到所有的CSS/HTML in this jsfiddle和我建議每次使用JSFIDDLE您發佈相關的問題一張圖片描繪1000個字的CSS/JS/HTML。

來源

2012-07-07 00:26:22

如果你在做什麼試圖是什麼Lyuben Todorov說，這樣的事情會工作：

<style> 
.col1 { width:250px; float:left } 
</style> 

<div class="col1"> 
I'm 250 
</div> 
<div class="col2"> 
I'm as long as you want me to be, just don't define me! 
</div>

......如果這就是我認爲你是現在談論

來源

2012-07-06 23:56:59

他想要2列，其中一列是固定大小，另一列佔用剩餘空間： '250px' | '剩餘空間' – 2012-07-07 00:03:16

我忘了提及我想要第一個div佔用動態文本所需的空間量 – michael 2012-07-07 00:24:27

IE沒有環繞浮動div，但是FF是

回答

相關問題