弹性盒子布局
实例图:
具体代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<!--下载-->
<div class="header_warp">
<div class="logo_wrap">
<div class="logo">
<img src="img/1.png" alt="" />
</div>
<div class="logo_t">
<p>新人送168元购物礼包</p>
<p>下载考拉APP领取</p>
</div>
</div>
<div class="down">下载领取</div>
</div>
<!--主题内容-->
<div class="content_wrap">
<!--搜索框-->
<div class="search_warp">
<div class="search">
<span class="fdj"></span>
<span class="inp">面膜</span>
</div>
<div class="login_btn">登录/注册</div>
</div>
<!--轮播-->
<div class="banner">
<img src="img/3.png"/>
</div>
<!--导航-->
<nav class="nav_wrap">
<a href