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

来源:2-1 距离底部有点距离

qq_谧然纷飞_03830694

2016-08-23 16:21

.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呢?

写回答 关注

3回答

  • qq_慕盖茨8361330
    2019-01-26 15:25:08

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

  • Joeeeee
    2016-11-06 18:58:31

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

  • Joeeeee
    2016-08-24 10:25:25

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

    http://img.mukewang.com/57bd05690001b9f904750252.jpg


    Loveem...

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

    2016-11-06 12:06:28

    共 1 条回复 >

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

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

53759 学习 · 265 问题

查看课程

相似问题