jQuery：創建一個網格，填充一個元素

Question

我試圖創建一個項目使用jQuery的遊戲，但它的進展緩慢。 我現在處理這個問題是這樣的：

我有這個在我的html：

<div id="wrapper"> 
      <div id="board"> 
       <div id="gameBoard"> 
       <!-- some other things --> 
    </div> 
    <!-- some other things --> 
    </div> 
    <!-- some other things --> 
    </div> 

這是董事會的CSS：

#board { 
    height: 100%; 
    width: 100%; 
    padding: 5px; 
    background: rgba(222, 184, 135, 0.5); 
    position: relative; 
} 

現在我想要什麼在板上實現的是完整的網格覆蓋（使用jQuery）。我搜索了這樣的例子，但找不到任何東西，或者我不知道如何填寫它。 （這是我的重要組成部分，我看起來無法實現的部分）。

此外，我只希望它留在板內。所以它不能超出它。我怎麼做？ （編輯：使用overflow-attr，所以現在這不是問題）。

在此先感謝您處理這個複雜的問題。

Answer 1

好你的#board應該有下面的CSS被應用到它

#board { 
    height: 100%; 
    width: 100%; 
    padding: 5px; 
    background: rgba(222, 184, 135, 0.5); 
    position: absolute; 
    overflow:hidden 
} 

那麼你要#gameboard完全中#boards填補，所以#gameboard應該有下面的CSS

#gameboard { 
    height: 100%; 
    width: 100%; 
    position: absolute; 
}