abstract：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
ul li{
width: 140px;
list-style: none;
background:#ccc;
margin:0px 4px;
float: left;
}
.box{
width:600px;
height: 800px;
border: 1px solid #ccc;
margin: 0 auto;
}
.nav{
width: 600px;
height:50px;
line-height: 50px;
text-align: center;
}
.lis{
width: 140px;
height:50px;
display: none;
position:absolute;
}
.lis p{
background: pink;
}
.new:hover .lis{
display:block;
}
.content{
width: 600px;
height:750px;
}
.box1{
width:280px;
height:700px;
border: 1px solid #ccc;
border-radius: 5px;
margin: 20px 10px;
float:left;
}
.box2{
width:260px;
height:330px;
border: 1px solid #ccc;
border-radius: 5px;
margin: 20px 10px;
float: right;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div>
<div>
<ul>
<li>首頁</li>
<li>
<div>新聞</div>
<div>
<p>國內新聞</p>
<p>國外新聞</p>
<p>其他新聞</p>
</div>
</li>
<li>娛樂</li>
<li>論壇</li>
</ul>
<div></div>
</div>
<div>
<div>
<p>
新聞內容
</p>
</div>
<div>內容1</div>
<div>內容2</div>
</div>
</div>
</body>
</html>
Correcting teacher：滅絕師太Correction time：2019-02-26 09:17:46
Teacher's summary：練習的比較全面!注意事項:必要的地方必須要清除浮動哦!