CSS论坛 » CSS提问(问题解决)区 » 在线求解！三个div横排的问题

inkoo 发表于 2011-1-8 12:56

在线求解！三个div横排的问题

<div class="lk">
        <div class="k1"><a href="{tpl member,apps,index}"></a>
                </div>
        <div class="k2"><a href="{tpl search,index}"></a>
                 </div>
        <div class="k3"><a href="{tpl member,order}"></a>
                 </div>
</div>

css部分如下
#guides .ur .lk {width:377px;height:53px;overflow:display:block;hidden;clear:both;}
#guides .ur .lk .k1 a {width::133px;height:53px;background:url(../../../../images/default/index/person_01.gif) no-repeat 0px 0px;display:block;}
#guides .ur .lk .k1 a:hover {background:url(../../../../images/default/index/person_01.gif) no-repeat 0px -53px;}
#guides .ur .lk .k2 a {float:left;width::116px;height:53px;background:url(../../../../images/default/index/person_02.gif) no-repeat 0px 0px;display:block;}
#guides .ur .lk .k2 a:hover {background:url(../../../../images/default/index/person_02.gif) no-repeat 0px -53px;}
#guides .ur .lk .k3 a {float:left;width::128px;height:53px;background:url(../../../../images/default/index/person_03.gif) no-repeat 0px 0px;display:block;}
#guides .ur .lk .k3 a:hover {background:url(../../../../images/default/index/person_02.gif) no-repeat 0px -53px;}

就是不行哦，求大家指点

[[i] 本帖最后由 inkoo 于 2011-1-8 13:28 编辑 [/i]]

美元我爱你 发表于 2011-1-8 18:22

#guides .ur 什么地方来的

怎么又是对A链接设置
实现3个DIV横排，分别对同级的CSS类设置float并设置宽度即可

divcss5 发表于 2011-1-9 13:21

仔细分析 自己好好学习CSS，不要到处拷贝别人的不知什么布局的CSS代码

查看完整版本: 在线求解！三个div横排的问题