如何確保DIV的最小寬度？

我有以下幾點：如何確保DIV的最小寬度？

#sbr { 
    float: left; 
    min-width: 200px; 
    overflow: hidden; 
    width: 200px; 
}

和

<div id="sbr"></div>

的<div>目前是空的。我想跟着這個<div>與另一個，所以我的第一個<div>的最小寬度必須是200px，但它似乎不起作用。難道我做錯了什麼？爲什麼我的第一個<div>似乎沒有寬度？

來源

2011-09-15 Rubin

它似乎爲我工作。嘗試添加'border：1px solid＃000'來查看它。 http://jsfiddle.net/RT3pc/雖然沒有高度，但這就是爲什麼你只看到一條平坦線。 –

你需要通過像螢火蟲這樣的開發工具測試你的代碼 – Mohsen

它的工作實際，儘量把最小高度也和一些背景看到的變化：

#sbr { 
    background:blue; 
    float: left; 
    min-height:200px; 
    min-width: 200px; 
    overflow: hidden; 
    width: 200px; 
}

然而，這不會在IE（某些版本）工作，IE是具有中存在的問題最小高度或最小寬度。 IE的最小高度和最小寬度是高度和寬度，但是如果您將寬度和高度放到樣式中，其他瀏覽器會將您的div固定爲指定的高度和寬度。你可以做的是使用下劃線黑客：

#sbr { 
    background:blue; 
    float: left; 
    min-height:200px; /* This is min-height to other browser */ 
    min-width: 200px; /* This is min-width to other browser */ 
    _height:200px; /* This is min-height to IE, only to IE */ 
    _width:200px; /* This is min-width to IE, only to IE */ 
    overflow: hidden; 
    width: 200px; 
}

來源

2011-09-15 03:39:08 dpp

如果您有與最低高度/寬度要求空div標籤，那麼也許你應該在CSS中使用絕對定位，而不是保持div標籤的文檔中流。

來源

2011-09-15 04:44:23 a7drew

如何確保DIV的最小寬度？

回答

相關問題