Question

我有以下内容：

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

和

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

<div>目前为空。我希望将此<div>与另一个<div>一起使用，因此我的第一个<div>的最小宽度必须为200px，但似乎无效。难道我做错了什么？为什么我的第一个{{1}}似乎没有宽度？

Answer 1

它实际上正在工作，尝试将min-height和一些背景看到变化：

#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;
}

Answer 2

如果你有空的div标签，要求最小高度/宽度，那么你可能应该在CSS中使用绝对定位，而不是在文档流中保留div标签。

如何确保DIV的最小宽度？

2 个答案: