关于水平菜单float:left是该写在<li>中还是<a>中的疑问

我将float：left加到<a>同样能实现水平排列的效果。。老师的float是写在li中的，请问写在a标签里的效果会有什么问题吗？

Vivian_phz

2016-03-01

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

关注问题我要回答

875

操作

收起

2 回答

mumuyu0712
2016-03-12

a已经变成block元素了，直接使用float：left即可，还有一种效果是直接使用float:left,因为设置此值时默认将元素转变成块级元素，可以省略代码。

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

收起回答

掌仙人

不是这样吧，设置为float：left后，会变为inline-block元素，宽度同内容相关，这样还需要手动设置宽度

2016-03-14 回复有任何疑惑可以回复我~

相加菩提
2016-03-01

写在<a>标签里效果没有问题

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

收起回答

Vivian_phz 提问者

谢谢你的解答！不过，好像如果写在a标签里的话，再做后面的圆角菜单制作里的话，效果就不对了，在li标签border-bottom的设置的值会赋给a标签，所以为何后续对菜单的编辑，建议float不要写在a标签样式中！ ps:就是刚刚敲代码总结的，不知道对否，还请其他大牛们看看，谢谢！

2016-03-01 回复有任何疑惑可以回复我~

0/150

提交

取消

导航条菜单的制作

参与学习 123899 人
解答问题 813 个

水平、垂直、圆角导航条菜单，让您的技术探索之路更高效

进入课程

关于水平菜单float:left是该写在<li>中还是<a>中的疑问

我要回答关注问题

热搜

最近搜索清空

关于水平菜单float:left是该写在<li>中还是<a>中的疑问

2 回答

关于水平菜单float:left是该写在<li>中还是<a>中的疑问