百度前端任务（三）（四）（五）——说说前端基础html，css布局

时间：2023-04-02 22:57:54 HTML

通过百度前端技术学院任务三四五，这里总结一下关于前端布局的一些个人看法，很多前端小白就是不懂怎么布局，一直学不好。先说说我个人理解的前端布局的思想。在设计前端布局时，不要设计过多的边距和填充。首先，你需要清楚你想要什么样的布局。比如我以百度前端技术学院的任务（5）为例进行说明。附：百度前端技术学院的任务（五）首先，根据题意，我们很容易知道这是一个有头有尾有内容的布局。固定宽度，左边自适应宽度（点击链接知道如何实现），不过这不是本文的重点，重点在上中下布局。如何实现？附上html和css代码

#top{height:50px;背景：黑色；}#content{高度：550px；背景：灰色；}#footer{高度：50px；background:blueviolet;}上中下结构形成后，编辑其他地方。注意其他地方一般都是用class，不滥用id（虽然两者用法差不多）。下面我来演示一下CSS是如何实现右侧固定宽度和左侧自适应宽度的。附上代码