标题: 在线求解！三个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;}

就是不行哦，求大家指点

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

---

作者: 美元我爱你    时间: 2011-1-8 18:22

#guides .ur 什么地方来的

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

---

作者: divcss5    时间: 2011-1-9 13:21

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

---

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)

Powered by Discuz! 6.1.0