                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS+CSS3实现带预览图幻灯片效果

.slider .ctrl 当中的bottom：-13px是什么意思，为什么前面加“ - ”符号呢？

.slider .ctrl{

width:100%;

height:13px;

line-height: 13px;

text-align: center;

position:absolute;

left:0;

bottom:-13px;

background-color: #f00;

}

我调试了一下，bottom:-13px,与bottom:13px相比，要向下移动一些距离，这是为什么，为什么要用-13px呢？

qq_谧然纷飞_03830694

2016-08-23

源自：JS+CSS3实现带预览图幻灯片效果 2-1

关注问题我要回答

1118

操作

收起

3 回答

qq_慕盖茨8361330
2019-01-26

具体代码没看到简单说下 ctrl是ab定位离他最近的父元素带定位的是slider 是re定位所以相对这个父元素定位 botton0的话就是和图片重合然后最下面那条边对齐 -13px 就是让他向下移动自己的宽度相当于变成了刚好上边缘和父元素的下边缘交接的样子

0 回复有任何疑惑可以回复我~

收起回答

Joeeeee
2016-11-06

请确定父元素已设置position：relative，.slider .ctrl的position：absolute，没看到你的具体代码，我也很难知道问题所在

0 回复有任何疑惑可以回复我~

收起回答

Joeeeee
2016-08-24

这是为了将.ctrl放在.slider的下边13px处，请看图，应该很清楚的了

1 回复有任何疑惑可以回复我~

收起回答

Loveempty

bottom:-13px; 和bottom：-100px;怎么都不动，都在一个地方

2016-11-06 回复有任何疑惑可以回复我~

0/150

提交

取消

JS+CSS3实现带预览图幻灯片效果

参与学习 53758 人
解答问题 265 个

同样的幻灯片，不一样的切换，学会实现思路，操作很简单

进入课程

本课相似问答

1 回答为什么index，main，ctrl要加两个大括号？

2 回答当查找class时，g('.main-i') 为什么前面要加入点。

2 回答请问这是什么意思呀？

2 回答为什么ctrl-i里面的东西有边距..没写过边距啊

1 回答<img src="imgs/{{index}}.jpg" />是什么意思

搜索更多本课相关问答

.slider .ctrl 当中的bottom：-13px是什么意思，为什么前面加“ - ”符号呢？

我要回答关注问题

热搜

最近搜索清空

.slider .ctrl 当中的bottom：-13px是什么意思，为什么前面加“ - ”符号呢？

3 回答

本课相似问答

.slider .ctrl 当中的bottom：-13px是什么意思，为什么前面加“ - ”符号呢？