navBar和老师实现的效果不一样
老师好，我按照老师写的代码跟着写了一遍，但是实现的效果不像老师那样的，navBar的长度和navBox一样，请问这个应该怎样解决？谢谢。我使用的系统是linux，IDE用的是vscode
相关代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> <title>倾慕首页</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrapperBox"> <!-- 导航模块 --> <div class="navBox"> <div class="navBar"> <div class="logo"><img src="/home/jay/Documents/Nutstore/学习资料/网页开发/site/img/icon/logo.png"></div> <nav> <ul> <li><a href="">登录</a></li> <li><a href="">注册</a></li> <li><a href="">出租房源</a></li> <li><a href="">开展体验</a></li> <li><a href="">历史足迹</a></li> <li><a href="">手机端</a></li> </ul> </nav> </div> </div> </div> </body> </html>
相关代码：
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
a{
text-decoration: none;
}
.wrapperBox{
width: 100%;
}
.navBox{
width: 100%;
height: 40px;
background: #00848a;
}
.navBar{
width: 1400px;
min-width: 1400px;
height: 30px;
background: #f00;
margin: 0 auto;
}
13
收起
正在回答 回答被采纳积分+1
1回答
零基础 前端工程师体验营
- 参与学习 人
- 解答问题 171 个
0基础跨行跨专业想学习编程却难以抉择技术方向？别慌！本课程专为想了解前端开发的小伙伴量身打造，采用案例驱动与互动式教学，开发倾慕客栈项目的同时，还可以对前端基础知识点进行学习！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星