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;
}

jQuery：创建一个网格，填充一个元素

1 个答案: