<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
li{
float:left;
color: #FF0000;
font-size: 35px;
}
</style>
</head>
<body>
<li>我是1</li>
<li>我是2</li>
<li>我是3</li>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
显示效果是:
现在将float:left 修改成float:right
显示效果是:
float:right右浮动的时候第一个li会向右边看齐,所有我们看的是倒过来了.