Question

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

问题在于，外部div比内部div小缩小。

有关示例，请参阅here。

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

我的CSS有什么问题？

Answer 1

除IE6之外的所有浏览器都支持

min-width。如果您不需要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/。这会做你正在寻找的吗？

Answer 2

如果你添加：

float: left;

对于他们两个人来说，他们的行为与你期望的一样。