把宽度扩大了一些，怎么让ul被填满-慕课网

把宽度扩大了一些，怎么让ul被填满

来源：1-2 tab页面布局-标题布局

朝夕ing

2017-01-06 16:21

.main {
    width: 598px;
    height: 298px;
    border: 1px solid #eee;
    overflow: hidden;
    margin: 10px auto;
}

.main-til {
    height: 47px;
    position: relative;
}

.main-til ul {
    position: absolute;
    width: 601px;
    left: -1px;
}

.main-til li {
    float: left;
    width: 117px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    overflow: hidden;
    background: #F7f7F7;
    border-bottom: 1px solid #eee;
    padding:0 1px;

}

.main-til li a:link, a:visited {
    color: #000;
    text-decoration: none;

}

.main-til li a:hover {
    color: #F90;
}

.select {
    background: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding:0;
    font-weight: bold;
}

把li的宽度设为118px就会产生溢出，谁能告诉我怎么设置padding值

写回答关注

2回答

GG1038

2017-01-08 21:28:49

已采纳

这个要精确计算，不能精确的或者可以这样，平分每个li的宽度取不溢出的宽度，看看与总ul的宽度还差多少，对其中一个li独立设置一个class控制其宽度，1~2个像数很难肉眼看出来。。

0 0
GG1038

2017-01-08 21:32:16

或者又可以对 li 设置margin:0 auto;

0 0

Tab选项卡切换效果

本课程详细介绍网页页面中最流行常用的tab切换效果

65460 学习 · 581 问题

查看课程

相似问题

为什么要给ul设置宽度为301px，还有为什么给li标签设置宽度为58px？？？？看不懂啊？border会影响盒子的宽度，padding的值也会影响盒子的宽度吗？

回答 2

width为58px再加2px的填充，宽度变为60px为什么还能一行显示

回答 3

notice-tit的宽度？

回答 2

怎么查找p和ul 元素？？？

回答 2

为什么ul出现溢出，代码貌似跟老师一样

回答 2

打开慕课网App查看更多内容