html5菜单栏固定不动,.HTML5替代与1个固定（菜单）栏

在此期间，我已将这个请求放在其他地方，并且已经使用CSS Grids提出了一个很好的解决方案。

CSS：

*

.sidebar {

grid-area: sidebar;

}

.content {

grid-area: content;

}

.header {

grid-area: header;

}

.wrapper {

display: grid;

grid-gap: 1px;

grid-template-columns: 258px 1fr 1fr;

grid-template-areas:

"....... header header"

"sidebar content content";

background-color: #fff;

color: #444;

}

.box1 {

background-color: #000;

color: #fff;

border-radius: 5px;

padding: 1px;

font-size: 150%;

}

.box2 {

background-color: #fff;

color: #000;

border-radius: 5px;

padding: 1px;

font-size: 100%;

}

.header {

background-color: #999;

}

HTML：

A bunch of pictures with links

Emulator with content

我还是要玩的页眉和页脚有点，但是这似乎很好地工作。