案例：CSS案例     状态：可编辑再运行    进入横版
​x
<p><b>注释：</b>向 ul 元素添加 overflow:hidden，是为了防止 li 元素出现在列表之外。</p>
 
1
​
2
<!DOCTYPE html>
3
<html>
4
<head>
5
<style>
6
ul
7
{
8
list-style-type:none;
9
margin:0;
10
padding:0;
11
overflow:hidden;
12
}
13
li
14
{
15
float:left;
16
}
17
a
18
{
19
display:block;
20
width:60px;
21
background-color:#dddddd;
22
}
23
</style>
24
</head>

 运行结果　
　北美留学生论坛