CSS min width div不会强制它的容器符合预期的正确大小

Question

我有一个需要最小宽度的DIV.我不能将CSS min-width用作非跨浏览器.我创建了一个具有设定宽度的内部div.当浏览器小于这个内部div时,我会按预期获得一个滚动条.

问题是,外部div比内部div小缩小.

请看这里的例子.

我希望蓝色与黄色的宽度相同.

我的CSS怎么了？

Answer 1

min-width除了IE6之外的所有浏览器都支持.如果您不需要IE6支持,则可以min-width正常使用.

如果你确实需要IE6支持,IE6恰好以width与height其他浏览器相同的方式对待min-width(和min-height).你可以使用黑客来伪造它:

#outer {
    width: auto !important;
    width: 1000px;
    min-width: 1000px;
}

IE6将应用第二个width属性(它将视为min-width),因为它错误地忽略!important了第一个属性.其他浏览器将设置width到auto和min-width到1000px.

希望我能正确理解你的问题.以下是此更新对原始代码的修改:http://jsfiddle.net/6e6yX/6/.这会做你想要的吗？