正在回答
搜索按钮使用的是div标签，而div标签的表现就是独占一行，所以是不会和输入框显示在一行的，可以使用input标签完成，如下：
自己测试下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>moshop</title>
<link href="css/layout.css" rel="stylesheet"/>
<link href="css/base.css" rel="stylesheet"/>
</head>
<body>
<div class="top">
<div class="wrap">
<p class="login">
<a href="#" class="log">亲，请登录</a>
<a href="#">免费注册</a>
<a href="#">手机逛慕淘</a>
</p>
<p class="top-nav">
<a href="#">我的慕淘</a>
<a href="#" class="collect">收藏夹</a>
<a href="#" class="class">商品分类</a>
<a href="#">卖家中心</a>
<a href="#">联系客服</a>
</p>
<div class="line"></div>
</div>
</div>
<div class="header">
<div class="wrap clearfix">
<a class="logo" href="#"><img src="img/logo.png"/></a>
<input type="text"/>
<div class="search">搜索</div>
<div class="cart"></div>
</div>
</div>
<div class="nav">
</div>
<div class="banner">
<div class="banner-slider"></div>
<div class="banner-r"></div>
</div>
<div class="floors">
<div class="wrap">
<div class="floor floor1"></div>
<div class="floor floor2"></div>
<div class="floor floor3"></div>
<div class="floor floor4"></div>
<div class="floor floor5"></div>
</div>
</div>
<div class="link">
<div class="wrap">
</div>
</div>
<div class="footer">
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="js/imoo.js"></script>
</body>
</html>
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星