HTML:
<!DOCTYPE html>
<html lang="zh">
<head>
<link rel="stylesheet" type="text/css" href="CSS浮动.CSS">
<title>CSS浮动</title>
</head>
<body>
<ul>
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
<li>第四列</li>
<li>第五列</li>
</ul>
<div class="clear"></div>
<div class="box-1">一</div>
<div class="box-1">二</div>
<div class="box-1">三</div>
</body>
</html>
CSS:
*{margin: 0px 0px;}
a{text-decoration: none;color: rgb(0,0,0); font-size: 13px}
li{list-style: none;float: left;background-color:rgba(39, 199, 228, 0.658);margin: 0px 10px;}
.clear{clear: both;}
.box-1{background-color: rgba(121, 224, 36, 0.774);width: 100px;height: 100px; font-size: 14px; float: right;}
小结:
有点儿不明白,HTML中的head属性具体写的是什么,也不知道应该什么