在HTML中做一个菜单,大家都熟悉了
<ol><li><a></a></li>...</ol>
这种形式,然后给他们设置float:left.
这段代码,太经典了,几乎所有人都会.
为什么要用ol不用div,因为语义的角度,菜单确实是类似列表的东西
为什么要用float:left,不用display:inline-block,因为inline block这种方式,各个菜单项之间容易产生空格
经过这些分析,可以看到,传统的这种方式,确实是最佳实践
看看需求,菜单的布局,其实非常简单,非常基础,就是一些方框需要从左到右依次排列
这么简单的需求,居然要用float,说明,HTML css的标准细节远远滞后,阻碍了生产力发展
现在,css支持flex box,菜单的这种需求,实现起来就简单多了
不过,不知何时才能成为正式标准