这个不是很懂为什么要这样？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>商城</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<script type="text/javascript" src="js/js1.js"></script>
</head>
<body>
<div class="header">
<div class="logo">
<img src="image/logo.png">
</div>
<div class="menu" onmouseleave="show_menu1()">
<div class="menu_title" onclick="show_menu()"><a href="#">内容分类</a></div>
<ul id="menu1">
<li>现实主义</li>
<li>抽象主义</li>
</ul>
</div>
<div class="auth">
<ul>
<li><a href="#">注册</a></li>
<li><a href="#">登录</a></li>
</ul>
</div>
</div>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>
css：
.header .auth ul li{
text-decoration: none;
float: left; /*为什么设置这个就变成水平显示了*/
margin-right: 40px;
margin-top:12px;
list-style: none;
}
正在回答
同学你好，为li标签设置float: left;，两个标签就会浮动起来，展示在一行之中。同学是不理解浮动吗？如果是，那么同学可以去复习一下浮动的课程（https://class.imooc.com/lesson/1055#mid=25485 ），如果不是，请同学重新描述一下，祝学习愉快！
- 参与学习 人
- 提交作业 626 份
- 解答问题 4928 个
想要学好Web后端开发的中流砥柱语言，本阶段为你轻松铺就扎实的基础，从前端网页布局的搭建到后台PHP开发，助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星