在IE7中的DIV，不知何故忽略宽度占用剩余空间

Question

让我快速为你们所有人：

转到Internet Explorer 7中的http://chetanreddy.com/chat/。

请注意单个单词后面有很多空格。 在IE7以外的所有工作正常。 非常感谢您的帮助。

如果您想对其进行修改：http://jsbin.com/eribuf/3/edit

Answer 1

好的，首先你需要在其中一个背景框上设置一个最小高度，因为它会破坏你的渐变：

.wBoxTall .right, .gBoxTall .right {min-height: 29px;}
.wBoxTall .bottom .right, .gBoxTall .bottom .right {min-height: 0;}

每当你在IE7中遇到问题时，首先应该尝试给出元素hasLayout - 这是一个奇怪的小bug，这意味着有时候你的样式不能正常工作。指定定位通常也很有用。试试这个：

.wBoxTall, .gBoxTall {zoom:1; position:relative}