浮动div在Firefox中表现奇怪

Question

我尝试过全面搜索，但我不确定如何解决这个问题。我为购物车项目制作了一个div，并使用了浮动属性，因此这些项目将填满平板电脑，宽屏和手机的屏幕。

.displaybox { 
margin-left: auto;
  width:150px;
  height:140px;
  padding:10px;
  font-family:arial; 
  font-size: 10pt; 
  float: left;
  margin: 5px 5px 5px 5px;
}

除了Firefox之外，我想要使用它的每种方式都可以正常工作。在Firefox中，项目垂直堆叠在一起，形成垂直的项目列。我可以为此安装Firefox浏览器的方式是什么？

Answer 1

我认为给定的课没有任何问题。你的问题就是包装元素。

Answer 2

这里的评论是正确的。问题不在于CSS，而是在周围的div和table元素中。虽然其他浏览器根据项目框的需要进行拉伸，但它太小了，而且它在Firefox中保留了这个宽度。将周围的表元素指定为100％宽度使Firefox的行为与所有其他浏览器一样。