html - Firefox 中的 CSS 怪异 - 向左浮动而不向左浮动，除非使用大宽度

Question

我有一个问题

 #column-left {
     float: left;
     width: 350px;
 }

会向左浮动，但是当我缩小宽度时

有了这个: #column-left {
向左飘浮;
宽度:250px；
}

这是行不通的。这两种形式都适用于 chrome，但不适用于 firefox。有什么想法吗？

这里有一些图片来说明:http://imgur.com/a/v0uIZ

Answer 1

按如下方式更新您的 CSS 代码。

从 #column-left 中删除 float: left; 和 width: 350px;。

将 position: absolute; 添加到 #column-left

更改margin-left: 220px; #content

这会产生魔力。在 Firefox 和 Google Chrome 上测试。