abstract：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>清新教育</title> <style type="text/css"> *{margin:0;padding:0;} .clearfix:af
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>清新教育</title>
<style type="text/css">
*{margin:0;padding:0;}
.clearfix:after{content:""; clear: both;
display: block;}
.clearfix{*zoom: 1;}
#wrapper{border: #000 solid 3px;
width: 500px;}
#header{height: 70px;
background: #f90;}
#main{/* border:#f0f solid 2px; */
margin: 10px 0;}
.content{width: 340px;
height: 200px;
background: #f90;
float: left;}
.sidebar{width: 150px;
height: 200px;
background: #f90;
float: right;}
#footer{height: 50px;
background: #f90;}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">hedaer</div>
<div id="main" class="clearfix">
<div class="content">content</div>
<div class="sidebar">sidebar</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
Correcting teacher：西门大官人Correction time：2019-05-05 10:10:57
Teacher's summary：这是一个简单的布局案例，最好上传一下运行的效果图