<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>浮动</title>
<style type="text/css">
div {
width: 300px;
height: 300px;
}
.one {
height: 350px;
background-color: red;
float: left;
/* none | right | left */
}
.two {
width: 350px;
background-color: green;
float: right;
}
.three {
background-color: blue;
float: right;
}
p {
height: 100px;
background-color: green;
/* clear: both; */
/* both既清除右浮动，也清除左浮动 */
}
.clear {
height: 0px;
clear: both;
}
</style>
</head>
<body>
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="clear"></div>
<p></p>
</body>
</html>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>文字环绕图片</title>
<style type="text/css">
img {
float: right;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<img src="img/api.jpg" />
<div class="clear"></div>
<p>其实当时在互联网界已经有过一些统一样式表语言的建议了，但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中，一个文件的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合每个人的爱好。
哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议，1995年的www网络会议上CSS又一次被提出，博斯演示了Argo浏览器支持CSS的例子，哈肯也展示了支持CSS的Arena浏览器。
同年，W3C组织（World WideWeb
Consortium）成立，CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标准，层叠样式表的开发终于走上正轨。有越来越多的成员参与其中，例如微软公司的托马斯·莱尔顿(Thomas
Reaxdon)，他的努力最终令Internet
Explorer浏览器支持CSS标准。哈坤、波斯和其他一些人是这个项目的主要技术负责人。1996年底，CSS初稿已经完成，同年12月，层叠样式表的第一份正式标准（Cascading style Sheets Level
1）完成，成为w3c的推荐标准。
</p>
</body>
</html>
