A. html5如何布局
justify-content: space-between;
align-items: center;
这两行放到ul上面
B. HTML+CSS实现网页布局
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Layout</title>
<style>
body{margin:0;padding:0;}
.Header,.Footer{height:100px;background-color:#369;}
.Left,.Right{
position:absolute;
top:100px;
width:100px;
height:300px;
background-color:pink;
}
.Left{left:0;}
.Right{right:0;}
.Cont{margin:0100px;}
.con1,.con2{height:150px;}
.con1{background-color:silver;}
.con2{background-color:slateGrey;}
</style>
</head>
<body>
<divclass="Header">Header</div>
<divclass="Left">Left</div>
<divclass="Cont">
<divclass="con1">con1</div>
<divclass="con2">con2</div>
</div>
<divclass="Right">Right</div>
<divclass="Footer">Footer</div>
</body>
</html>