所以我只是试着玩css网格 . 我想知道如何设置div高度，使其适合像here（女性，所有，男性）的页面 .

这就是我到目前为止所拥有的 .

当你滚动时，还有一个命令或什么东西，没有滚动条，页面只是滑动，页脚滑入

.wrapper>div {
    background: #eee;
    padding: 5px;
    border: #000 1px solid;
    border-left: none;
    border-top: none;
}

.wrapper>div:nth-child(odd) {
    background: #ddd;
}

.wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.content>div {
    border: #000 1px solid;
    border-left: none;
    border-top: none;
}

.men {
    background-color: aqua;
}

.women {}

.kids {}

body {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

<body>

    <div class="wrapper">
        <div>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequuntur, vero.</div>
        <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque, culpa.</div>
        <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque, culpa.</div>
    </div>
    <div class="content">
        <div class="men">MEN</div>
        <div class="women">WOMEN</div>
        <div class="kids">KIDS</div>
    </div>

</body>

</html>
html css css-grid