课程第18分钟的时候，导航条之间的距离是30px，那padding值不是写30px吗，因为取最大值呀，你为什么写15px?

课程第18分钟的时候，导航条之间的距离是30px，那padding值不是写30px吗，因为取最大值呀，你为什么写15px?

<head>
<meta charset="utf-8">
<title>gulp跟老师练习</title>
<style>
*{padding:0;margin:0;}
ul{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑", "黑体", "宋体"}
.header{height:50px;width:100%;background:#cf4646;}
.header a{color:#eee;}
.header a:hover{color:#fff;}
.hd-con{height:50px;width:1100px;border:1px solid green;margin:0 auto;}
.header .logo{float:left;line-height:50px;}
.header .nav{float:right;}
.header .nav li{float:right;}
.header .nav a{font-size:14px;line-height:50px;display:block;padding:0 15px;}

.banner{height:380px;width:100%;background:#cf4646;}

.con{height:210px;width:1100px;margin:60px auto;border:1px solid green;}

.footer{width:100%;height:80px;background:#ccc;}
</style>

</head>

<body>
<div class="header">
<div class="hd-con">
<a href="#" class="logo">gulp中文网</a>
      <ul class="nav">
        <li><a href="#">首页</a></li>
         <li><a href="#">中文文档</a></li>
         <li><a href="#">入门指南</a></li>
         <li><a href="#">API</a></li>
         <li><a href="#">插件开发</a></li>
         <li><a href="#">常见问题</a></li>
         <li><a href="#">使用技巧</a></li>

      </ul>
</div>
</div>

<div class="banner"></div>

<div class="con"></div>

<div class="footer"></div>

</body>
</html>

[提问] 课程第18分钟的时候，导航条之间的距离是30px，那padding值不是写30px吗，因为取最大值呀，你为什么写15px?

共0个回复最后回复于 2020-5-12 23:22

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 课程第18分钟的时候，导航条之间的距离是30px，那padding值不是写30px吗，因为取最大值呀，你为什么写15px?

共0个回复 最后回复于 2020-5-12 23:22

共0个回复最后回复于 2020-5-12 23:22