css - 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 - 这是一个奇怪的小错误，这意味着有时您的样式无法正常工作。指定定位通常也很有用。试试这个：

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