小米网页布局小案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
body{
background-color: rgb(243, 243, 243);
}
.header{
width:1226px;
height:58px;
/* background-color: rgb(187, 187, 187); */
margin:0 auto;
}
span{
float:left;
line-height: 58px;
font-size: 24px;
font-weight:20;
}
a{
text-decoration: none;
float:right;
line-height:58px;
color: black;
}
.container{
width: 1226px;
height: 1000px;
margin: 0 auto;
}
.container-left{
width: 234px;
height: 612px;
background-color: coral;
float: left;
}
.container-right{
width: 992px;
height: 1000px;
float: right;
/* background-color: rgb(233, 233, 233); */
}
li{