再次修改了diarybooks的样式,在IE下浏览还可以,但是在firefox就一塌糊涂,自己对css的了解还是太少,div的长度算来算去算不准,得了,凑合吧,图片素材的png格式已经打包在里面了谁要用拿去改好了.

IE与Firefox下对CSS解析的区别:对高度的解析原文地址

IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度

Firefox:没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况;当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不会变化,造成样式错位。

结论:大家在可以确定内容高度的情况下最好定义高度,如果真的没有办法定义高度,最好不用使用边框样式,否则样式肯定会出现混乱!

PS:在firefox里面div标签加上float:left;就能自动撑开.