Question

CSS左浮动在火狐下不兼容问题

CSS左浮动在火狐下不兼容问题
<p style="float:left;padding-right:10px;"><img src="{$product->thumb}" alt="{$product->name}"width="310" height="310"/></p>

IE下正常

火狐下不正常





Answer 1

没有清除浮动，一旦有东西浮动了，不正确的清理浮动则外面的元素不能包含住浮动内容，所以你的灰色框没包含住内容。

css设计这个浮动不清理元素不包含是有原因和必要的；

实际上是ie错了(ie很智能的把浮动清理了，让你觉得看到了正确的效果，而你没清理，外框就不包含才是正确效果，不知道ms这点算是贴心还是误人)

相关知识自行百度：css 清除浮动(自己动手弄会了下次就不会上当了，记住通常情况下浮动了都得清理)

Answer 2

　　您好！很高兴为您答疑！

　　火狐下您可以使用Firebug检查代码，错误部分会有提示。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

上一层的DIV没有被图片撑开 这是因为你没有设置清除浮动 有一种方法是在这一层DIV的最后再设置一个DIV 然后给这个DIV设置清除浮动 溢出隐藏 设置边框为0 最后就能起到效果 但是这种方法会使代码冗长 还可以在CSS中专门写一个清理浮动的属性 哪个地方要清除浮动 直接调用就行

Answer 4

要在给p设置一个高度。