首页 新闻 会员 周边

div+css+ul制作顶部导航栏排版出错,下面贴如代码和错误,大神来帮忙

0
悬赏园豆:5 [待解决问题]

    <div class="top_href">
    <ul>
        <li>首页 &nbsp;</li>
          <li>产品信息 &nbsp;</li>
        <li>下载 &nbsp;</li>
        <li>联系我们 &nbsp;</li>
      </ul>
    </div>
  </div>

 

下面css

.top_href {
    height: 20px;
    width: 300px;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: right;
}

.top_href ul li{
    padding-rigth:5px;
    float: left;
    font-family: "黑体";
    color: #999;
    display: inline-block;
    text-decoration: none;
}

share/java的主页 share/java | 初学一级 | 园豆:191
提问于:2013-11-22 15:20
< >
分享
所有回答(4)
0

把ul标签加上padding-left:0px;

Zery | 园豆:6151 (大侠五级) | 2013-11-22 15:49
0

根本原因应该是宽度不够吧 width:316px  调大一点就好了

Ann大然 | 园豆:196 (初学一级) | 2013-11-22 19:21
0

丨i中使用margin设置边距效果就会好一些,丨i的宽度十它的边距等于或小于外部DIV的宽度

KivenRo | 园豆:1734 (小虾三级) | 2013-11-23 09:52
0

.top_href {
    height: 20px;
    width: 300px;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: right;
}

里面的width 放宽一些试试

Albert Fei | 园豆:2102 (老鸟四级) | 2013-11-25 11:21
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册