css - 浮动 div 在 Firefox 中表现奇怪

Question

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

.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 的行为与所有其他浏览器一样。