<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米</title>
<style>
.box1{
width: 1400px;
height: 50px;
background-color: grey;
position: fixed;
margin: 0 auto;
}
.box2{
width: 800px;
height: 50px;
color: white;
text-align: center;
line-height: 50px;
float:left;
}
.box3{
width: 140px;
height: 50px;
color: white;
float:right;
text-align: center;
line-height: 50px;
}
.box4{
width: 100px;
height: 50px;
color: white;
background-color: rgb(160, 155, 155);
float:right;
text-align: center;
line-height: 50px;
}
.jianju{
width: 120px;
height: 50px;
float: left;
background-color: grey;
}
.jianju1{
width: 120px;
height: 50px;
float: right;
background-color: grey;
}
</style>
</head>
<body>
<div class="box1">
<div class="jianju"></div>
<div class="box2">
小米商城|MIUI|lOT|云服务|天星术可|有品|小爱开放平台|企业团购|资质证照|规则协议|下载app|Select Location
</div>
<div class="jianju1"></div>
<div class="box4">购物车</div>
<div class="box3">登录|注册|消息通知</div>
</div>
</body>
</html>