摘要：感觉学到的东西，自己都可以仿制着做一个网站的页面了，很实用<!DOCTYPE html><html><head><meta charset="utf-8"> <title>css中的浮动</title> <style type="text/css"> ul li{list-s
感觉学到的东西，自己都可以仿制着做一个网站的页面了，很实用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css中的浮动</title>
<style type="text/css">
ul li{list-style: none;width:100px;height:40px;line-height:40px;text-align:center;background-color:#ccc;margin:0px 1px; float:left;}
.ab{width:200px;height:200px;background-color:pink;float:left;}
.abc{clear:both;}
</style>
</head>
<body>
<ul>
<li >1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<div class="abc"></div>
<div class="ab">555</div>
<div class="ab">666</div>
<div class="ab">777</div>
</body>
</html>
批改老师：天蓬老师批改时间：2018-11-18 14:01:06
老师总结：作业完成的不错，不过class的命名最好能见名知意。不要使用ab,abc、123等“魔术”字符
