[Work] Firefox的一个浮动Bug?
Is this a bug of Firefox's?
目前正在做一个重构的项目,因为要实现一个两栏布局,而且要求不要由左右两个Container Div布局,只能直接浮动每一块小的div来布局。
通过float和clear的配合使用,在除了Firefox以外的其他所有Windows平台浏览器上都通过了。下面是例子(代码中出现的顺序是A、B、C)。
float:left;
float:left;
clear:left;
float:left
如果你使用的是Firefox,你就可以发现C出现在B的右侧而不是像在其他浏览器中一样出现在A的右侧。如果你有解决方法,请赐教。
2月18日的新进展
今天试了用绝对定位+负值外补丁来解决这个问题,这是例子。
可以看到中间的布局基本上没问题,可是如果要加一个footer的话就麻烦了,绝对定位使div#ccc从文档流中分离出来,导致它后面的元素得不到正确的y坐标。头痛,再尝试其他的方法看看……
[Diary] 总算开张了...
Finally,it was launched!
搞这个网站前前后后花了近两个月的时间,到现在也还有很多功能没有做全,不说RSS和Search,连首页都还没搞定。我想这篇日志也不会有几个人能看到吧,只是希望这样记下来对我自己也算是个交待:p
目前主要的内容会是我翻译自A List Apart的文章。可能有一些从技术上讲很简单或者很过时,不过我希望能呈现出来的是他们对于Web本身的责任感,是他们对于互联网精神的推崇。网页设计师作为将Web技术包装后推给受众的重要一环,他们对于自身责任的理解和行动,将会影响整个行业的发展方向。可是什么是正确的方向?在商业目的普遍与技术理想冲突的中国互联网行业,要说出个一二三四还真是不容易的事情。慢慢来吧,任何行业的成熟都需要长期的积累,这种积累包括人才、技术、文化和理想,希望这个网站能在这样的积累进程中,做出一些务实的贡献。
当一群蚂蚁搬一块骨头回家的时候,虽然每一只蚂蚁搬的方向都不一样,但骨头的方向还是正确的,希望与我们生生相息的中国互联网行业能是这块骨头,而我,希望恰好是一只用力方向正确蚂蚁。