二级分类并排显示不正确，请大哥们进来看看

2016-07-07 16:13 来源：www.chinab4c.com 作者：ecshop专家



改模板里的CSS之前只能显示一列 ，都是正常的，如图
1.jpg
改了CSS后可以显示两列了，但是字体后边的白色背景不跟着走怎么可以解决
2.jpg
白色底版色没有拉满，怎可以解决，请高手们指点一下
/*商品分类*/
#category_tree{border:4px solid #f1faff; background-color:#fff;}
#category_tree dl{margin:6px;}
#category_tree dt{background:url(images/lineBg.gif) repeat-x left
bottom;color:#3f3f3f;padding:2px 0 3px 12px;font-weight:bold;}
#category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;color:#3f3f3f; padding-left:15px; text-decoration:none;}
#category_tree dd{padding:2px 0 2px 10px;width:50px;float:left;white-space:nowrap;word-break:keep-all;display: inline;}
#category_tree dd a{color:#404040; text-decoration:none;}
#category_tree dd a:hover{color:#ff6600; text-decoration:none;}
.clear{line-height:1px;clear:both;visibility:hidden;}
这个就是我改后的CSS

回答：
看下先..........

#category_tree dd{padding:2px 0 2px 10px;width:50%;float:left;white-space:nowrap;word-break:keep-all;}
#category_tree dl{display:block;clear:both;}

width:里边的直我都告过了，从100-10，都不行，我不是说里边的字是乱的，字那个好解决，就是后边那个白色的背景拉不满格，下边的字后边是灰色的，我是想把白色那个背景拉满，但不管怎么改都不行，希望有高手来指点我一下呀，我用的是2.7.1的，自己带的官方模板

改模板库文件,category_tree.lbi,</dl>前面加个<div style="width:100%;clear:both;"></div>

或
<!--{foreach from=$categories item=cat}-->

<div><a class="tit_a" href="{$cat.url}">{$cat.name|escape:html}</a></div>
<div>
<!--{foreach from=$cat.cat_id item=child}-->
<a class="tit_b" href="{$child.url}">{$child.name|escape:html}</a>
<div>
<!--{foreach from=$child.cat_id item=childer}-->
<a class="tit_c" href="{$childer.url}">{$childer.name|escape:html}</a>
<!--{/foreach}-->
<div class="clear"></div>
</div>
<!--{/foreach}-->
<div class="clear"></div>
</div>
<!--{/foreach}-->

再重新定义CSS

谢谢视觉网络，讲解的非常清楚，通过你的讲解我学习到了，这个也是我自己的舒服了，我把有个文件该错了，非常感谢你的指导，谢谢

不客气,谈不上指导,相互学习