Question

我如何并排放置两个滑板表？现在，我只是使用grid = new Slick.Grid来创建两个网格......但是我必须在CSS中使用硬编码尺寸，如：

#dynamic1 { /*this is grid one*/
  position: absolute;
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
  position: absolute;
  top: 120px;
  left: 750px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

哪个不好玩。它不是动态的。如果可能的话，如果我能并排获得它们也会很好，其宽度可以扩展到整个浏览器窗口。

编辑：它已修复！这是新代码：

#dynamic1 {
float: left;
width: 49%;
position: absolute;
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
  float: right;
  width: 50%;
  position: absolute;

  top: 120px;

  right: 0px;
  bottom: 0px;
  height:500px;
}

Answer 1

position: absolute;
  **float: left;**
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
   **float: right;**
  position: absolute;
  top: 120px;
  left: 750px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

你只需要向左添加一个浮动并向右浮动。您可以为它们分配宽度等于100％的任何组合。例如：

position: absolute;
  **float: left;**
  **width: 45%;**
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

#dynamic2 { /*grid two*/
   **float: right;**
  **width: 55%;**
  position: absolute;
  top: 120px;
  left: 750px;
  right: 0px;
  bottom: 0px;
  height:500px;
}

并排获得两个Slickgrid表

1 个答案: