並排獲取兩個Slickgrid表

Question

我該如何將兩個slickgrid表並排放置？現在，我只是創建一個使用網格=新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; 
}