设置li float 和设置 a float 的效果是一样的，有什么不同吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>导航菜单</title>
<style type="text/css">
*{margin:0; padding:0; font-size:14px;}
ul{ list-style:none;}
a{color:#333;text-decoration:none}
.nav li{ 【任务1】}
.nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px; float:left;}
.nav li a:hover{ background-color:#F60; color:#fff}
</style>

</head>
<body>

<ul class="nav">
    <li><a href="#">首　　页</a></li>
    <li><a href="#">新闻快讯</a></li>
    <li><a href="#">产品展示</a></li>
    <li><a href="#">售后服务</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>

</body>
</html>

烜烜

2016-01-20

源自：导航条菜单的制作 2-3

关注问题我要回答

1860

操作

收起

3 回答

慕移动9181930
2022-03-28

谢谢你的回答，Thankyou

h v e m t i x c q t i p z b n v a o l e y z t j h b p g z d i f u t h x t s u z a k l r f u p g z f k i p r v j o p v b n m r s h b g v l c y w f s z v w i v x z v z x p x r q r m n i p w z r c n s n e i k z n h w o k g z p n d q

0 回复有任何疑惑可以回复我~

收起回答

晴书文文
2016-05-11

a{
display:block;
}
如果设置a变成块元素了，你的问题就是一样的，如果没设置就不一样了。a元素为内联元素本来就水平显示的，

0 回复有任何疑惑可以回复我~

收起回答

烜烜提问者
2016-01-20

理论上是一样的，因为A标签已经变成了块元素，向左浮动的同时也会带着li标签浮动，不用的是A标签内容和li标签的内容

<ul class="nav">
   <li><a href="#">首　　页</a>是</li>
   <li><a href="#">新闻快讯是是</a></li>
   <li><a href="#">产品展示</a></li>
   <li><a href="#">售后服务</a></li>
   <li><a href="#">联系我们</a></li>
 </ul>

比如这样就不一样，所有A标签向左浮动，A标签内的文本流向坐靠拢，把首页后面的是挤出了文本流

1 回复有任何疑惑可以回复我~

收起回答