2-2可以这样写吗？
来源：2-2 编程练习
weixin_慕田峪7033080
2020-04-22 21:09:34
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
/*此处写代码*/
.header{
width:100%;
height:100px;
overflow:hidden;
position:relative;
}
.logo img{margin-left:0;
height:100px;
line-height:100px;
float:left;
}
.nav ul{float:right;}
.nav ul li{
float:left;
list-style:none;
height:100px;
line-height:100px;
margin-left:15px;
font-weight:bold;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="header">
<div class="logo"><img src="http://climg.mukewang.com/595dd5120001736902000080.png"></div>
<div class="nav">
<ul>
<li>前端</li>
<li>后端</li>
<li>移动端</li>
<li>数据库</li>
</ul>
</div>
</div>
</body>
</html>
1回答
-
同学你好，整体效果是正确的，不过最后一个导航项距离页面右侧太近了，不是很美观。
建议：可以给ul元素添加间距。例如：
祝学习愉快~
0
相似问题