咱们在做商城网站或许大点的门户网站都会遇到，特别是做商城网站的时分，产品分类这一模块用这样的表现方法是最常见的，而在客户通过版面设计后开始用div+css方案的时分，初涉div+css的web设计师第一反响这块的方案是用“
瑰宝维尼 |
”这样的方法来方案。其实不然咱们能够简略的用一个“a”标签和“span”标签就能够搞定了。用这样的方法来方案的长处是:不必设定固定的宽度，咱们晓得div+css和tab不相同，tab设定了固定的宽高，可是里边的内容跨越设定的宽高规模它会自动撑开，而div+css就不相同了，在有些浏览器下面，假设里边放的内容跨越设定的宽高它就不会闪现，被截了。而如上所示的状况用“
瑰宝维尼 |
”这样的方法来方案的话存在一个疑问，里边的“li”会承继和它相关联div相同宽度，这样一来就排不出如上所示的作用了，咱们只能给“li”一个宽度并且有必要把“float”这个特征的值设为“left”，div+css里边设固定宽度的害处咱们在上面提到了，再说咱们无法设定固定值，由于你不能判定客户产品名称的长短，设长了糟蹋设短了闪现不出来。而用“a”加“span”来排就不必那样杂乱，只需定义“a”的字体大小、颜色、行高、距离……和“span”的分配距离。
