课程
/前端开发
/JavaScript
/Tab选项卡切换效果
.notice_tit ul{width:301px;
left:-1px;}
2016-06-03
源自:Tab选项卡切换效果 1-2
正在回答
老师讲的不一定对,下面的解答也有很多有错误的, 不能完全相信别人。 自己多动手试验就知道了
其实, ul的宽度设300就够了,301反而是错的,
你把tit的css里面的overflow:hidden去掉, 再给ul的CSS加一个 background: red;
你就会发现, 其实设为301px, 反而多出来了一个像素。
因为不管你是否有浮动1px,tit的宽度始终只有 298px+2px(border)的宽度,只是在老师的程序里面,她设了一个overflow:hidden 你看不到而已
你把ul宽设为 300像素, 其实效果是一样的。。
如老师说的,首先ul是要先定义绝对定位,因为绝对定位与相对定位不同的一点是,绝对定位之后元素就脱离了标准文本流了,这样一来,就相当于ul位于标准文本流的上面一层了,通过老师的这种设置就可以实现在上面那层的ul的边框和大容器的边框进行重合了,就不会出现旁边的边框出现2px的,会变粗,不好看。
为什么加上边距的距离
加上边距的距离
举报
本课程详细介绍网页页面中最流行常用的tab切换效果
1 回答老师,那个 ul{ width:301px;} 应该改成width:300px吧。
4 回答关于将ul设置成301px这不懂……
1 回答老师 ul的width为什么要是301
4 回答.notice-tit ul{widht:301px; 是不对的。
2 回答为什么要给ul设置宽度为301px,还有为什么给li标签设置宽度为58px????看不懂啊?border会影响盒子的宽度,padding的值也会影响盒子的宽度吗?