CSS浮动设计
逝水流年2019-03-02 12:45:15178<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8"/>
<title>CSS浮动</title>
<style>
ul li{width:100px;height:40px;line-height:40px;background-color:#ccc;text-align:center;float:left;
margin:0px 5px;position:relative;}
.clear{clear:both;}
.box{width:200px;height:200px;background-color:pink;float:right;}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>JavaScript</li>
<li>CSS</li>
<li>jQuery</li>
<li>php</li>
</ul>
<div class="clear"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</body>
</html>