每日一题：修复网站显示问题

修复网站显示问题

背景介绍

目前，HTML5 与 CSS3 已经成为前端开发工程师的必备技能。接下来，我们将使用 HTML5 + CSS3 实现了一个宣传页面。

准备步骤

在开始答题前，你需要在线上环境终端中键入以下命令，下载并解压宣传页面的源代码。

wget https://labfile.oss.aliyuncs.com/courses/4152/exam01.zip && unzip exam01.zip && rm exam01.zip

你可以参考下图中的 3 个步骤下载源码。同时，选中 index.html 右键启动 Web Server 服务，让项目运行起来。

打开环境右侧的【Web 服务】，点击【exam01】文件夹，效果如下（页面显示宽度为 1920 px）：

考试需求

如上所示的 index.html 布局不符合最终要求。请检查 exam01 下的各个文件，找到并修复项目存在的 Bug，使宣传页面正常显示，效果如下（页面显示宽度为 1920 px）：

要求规定

• 请勿修改考试默认提供项目中的文件名称。

总通过次数: 3010 | 总提交次数: 3112 | 通过率: 96.7%

难度: 简单 标签: CSS3, Web 前端

题解

<link rel="stylesheet" href="css/style.css" />