请帮忙检查下代码
来源：2-17 自由编程
h0r170n
2020-12-07 22:16:58
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="header">
<div class="logo">
<h1>Career Builder</h1>
<ul>
<div>HOME</div>
<div>ABOUT</div>
<div>GALLERY</div>
<div>FACULTY</div>
<div>EVENTS</div>
<div>CONTACT</div>
</ul>
</div>
<div class="nav"></div>
</div>
<div class="banner">
<div class="banner-photo"></div>
<div class="banner-cover"></div>
<div class="banner-form"></div>
</div>
<div class="about">
<h2>About</h2>
<div class="about-upper"></div>
<div class="about-lower"></div>
</div>
<div class="photo-text">
<div class="photo1"></div>
<div class="text2"></div>
<div class="photo3"></div>
<div class="text4"></div>
<div class="photo5"></div>
<div class="text6"></div>
<div class="photo7"></div>
<div class="text8"></div>
</div>
<div class="gallery">
<div class="gallery-upper">
<dl>
<dt>图片</dt>
<dd>Science Lab</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Indoor Stadium</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Transportation</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Room</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Meditation Classes</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Play Ground</dd>
</dl>
</div>
<div class="gallery-lower"></div>
</div>
<div class="footer"></div>
</body>
</html>
在这里输入代码，可通过选择【代码语言】突出显示
1回答
-
同学你好，代码的问题与修改如下：
1. ul列表中嵌套div标签不规范，应该嵌套列表项li标签。
参考如下修改：
2.另外，导航内容放在了logo区域，如下：
这里把ul放在nav导航区域：
祝学习愉快~
0
相似问题