Question

我有一个表格，其中我有字段集，在1个字段集中我有一个表。此表将位于chrome和IE的fieldset中，但不在Firefox中。请看一下：

我的fieldset有这个CSS：

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;

  box-sizing: border-box;
  width: 80%;
  margin: 0 10%;

  /*----------------------->2*/ position: absolute;

}

我不知道是什么问题。

Answer 1

元素.statusHead1不占用可用宽度。因此，table会在可用空间中添加table。

要在clear: both上移动table，请使用table { clear: both; }上的float: left。

table

请参阅Demo。

您也可以选择将clear: both设置为{ "_id" : ObjectId("55d164f1c8f2c53a82535b9a"), "plant_name" : "TOTAL", "installed_capacity" : 3473, "wind_data" : [ { "date" : "16-08-15", "timestamp" : " 16:27:15", "generated_capacity" : 617.24, "frequency" : 50.01 }, { "date" : "16-08-15", "timestamp" : " 21:21:15", "generated_capacity" : 670.25, "frequency" : 49.94 }, ....] }。

Demo

我建议您使用db.collectionName.aggregate( {"$unwind":"$wind_data"}, {"$match":{"plant_name":"TOTAL","wind_data.date":"16-08-15"}} )。使用此功能，您无需更改其他元素结构/视图。

Answer 2

删除float：left form .statusHead1 class

点击此链接https://jsfiddle.net/g0t1rwyw/

.statusHead1{
    /*float:left;*/
    width: 600px;
    font-weight:bold;
    border-bottom:1px solid #bfcfdf;
}

表仅在Firefox中离开fieldset边框

2 个答案: