浮动列表项

 

    在上面的例子中链接有不同的宽度。

 

    对于所有的链接宽度相等，浮动<li>元素，并指定为元素的宽度：

 

    实例

 

li

 

{

 

    float:left;

 

}

 

a

 

{

 

    display:block;

 

    width:60px;

 

}

 

    实例解析：

 

    float:left-使用浮动块元素的幻灯片彼此相邻

 

    display:block-显示块元素的链接，让整体变为可点击链接区域（不只是文本），它允许我们指定宽度

 

    width:60px-块元素默认情况下是最大宽度。我们要指定一个60像素的宽度

 

    提示:查看完全样式的横向导航栏的示例。