在这个例子中，我们使用了Flexbox布局来创建一个包含侧边栏、主内容和页脚的布局。通过设置
display: flex
，我们使
.container
容器中的元素沿水平方向排列，并通过
justify-content: space-between
使元素之间保持一定的间距。
总结
掌握HTML元素和布局技巧是前端开发的基础。通过本文的学习，相信你已经对HTML元素和布局有了初步的了解。在实际开发中，不断实践和积累经验，你会逐渐成为一名优秀的前端开发者。