firefox中的CSS怪异 - 除非使用大宽度,否则浮动左边不浮动

时间:2012-05-13 13:58:45

标签: html css firefox google-chrome

我遇到了问题

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

将向左浮动,但当我使宽度变小时

用这个:          #column-left { float: left; width: 250px; }

它不起作用。两种形式都使用chrome,但不适用于firefox。有什么想法吗?

以下是一些图片来说明:http://imgur.com/a/v0uIZ

1 个答案:

答案 0 :(得分:2)

更新您的CSS代码,如下所示。

float: left;移除width: 350px;#column-left

position: absolute;添加到#column-left

更改margin-left: 220px;

上的#content

这将是神奇的。在Firefox和谷歌浏览器上测试过。