CSS中的定位和浮动
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS的定位和浮动</title>
<!-- 在title标题前加一个小图标 -->
<link rel="shortcut icon" type="image/x-icon" href="images/yingyong.jpg">
<!-- 引入外部样式表 -->
<link rel="stylesheet" type="text/css" href="">
<style>
.box1{width: 200px;height: 200px;background-color: #ccc;position: relative;top: 30px;left: 50px;}
.box2{width: 50px;height: 50px;background-color:pink;position: absolute;right: 30px;}
/*.clear{clear: both;}*/
ul li{list-style: none;width: 200px;height: 30px;background-color: pink;margin-top: 5px;margin-right: 2px; line-height: 30px;text-align: center;float: left;}
</style>
</head>
<body>
<div>
<div>123</div>
</div>
<!-- <div></div> -->
<ul>
<li>html</li>
<li>JavaScript</li>
<li>jquery</li>
<li>MySQL</li>
</ul>
</body>
</html>