使用flex布局，编写4399游戏网

很高兴回答您的问题！使用flex布局可以方便快捷地布局4399游戏网站。以下是一个简单的示例代码：

HTML代码：

<div class="container">
  <header>Header</header>
  <nav>Navigation</nav>
  <main>Main Content</main>
  <aside>Side Content</aside>
  <footer>Footer</footer>
</div>

CSS代码：

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

header, nav, main, aside, footer {
  padding: 20px;
}

header {
  background-color: #333;
  color: #fff;
  flex-basis: 100%;
}

nav {
  background-color: #eee;
  flex-basis: 25%;
}

main {
  background-color: #fff;
  flex-basis: 50%;
}

aside {
  background-color: #eee;
  flex-basis: 25%;
}

footer {
  background-color: #333;
  color: #fff;
  flex-basis: 100%;
}

在这个示例中，我们使用了flex布局，并设置了以下属性：

- `display: flex`：将容器设置为flex布局。
- `flex-wrap: wrap`：当子元素宽度超过容器宽度时，自动换行。
- `justify-content: center`：将子元素在主轴上居中对齐。
- `align-items: flex-start`：将子元素在交叉轴上顶部对齐。

然后，我们将HTML中的元素分别设置为头部、导航、主要内容、侧边内容和页脚。通过为每个元素设置`flex-basis`属性，我们可以控制它们在容器中的宽度。

最后，我们为每个元素设置背景颜色和内边距，以使它们看起来更好看。

这只是一个简单的示例，您可以根据自己的需求进行修改和扩展。希望对您有所帮助！