摘要：<!doctype html><html><head><meta charset="UTF-8"><title>CSS的定位和浮動</title><!-- 在title標(biāo)題前加一個(gè)小圖標(biāo) --><link rel="shortcut icon" type="i
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS的定位和浮動</title>
<!-- 在title標(biāo)題前加一個(gè)小圖標(biāo) -->
<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>
批改老師：天蓬老師批改時(shí)間：2019-02-25 09:12:50
老師總結(jié)：定位與浮動在前端布局中,主要使用的手段, 掌握了這二個(gè)技術(shù),任何頁面布局都可以完成,好好學(xué)