Question

我试图将图片编号3放在页面底部，但它不起作用。我也使用了定位和粘性，但它也没有用。

＆＃13;

.boxes {
    position: absolute;
}
.downa {
    position: relative;
    margin-bottom: 0;
    bottom: 0;
    left: 0px;
}
.topa {
    position: relative;
    top: 0px;
    left: 0px;
}

＆＃13;

<div class="boxes">
  <center>
    <img class="topa" height="50" src="http://www.clker.com/cliparts/V/1/Y/3/j/Z/blue-number-1-md.png" width="50" />
  </center>
  
  <center>
    <img class="downa" height="50" src="http://www.clker.com/cliparts/g/b/d/Y/s/2/blue-number-3-md.png" width="50" />
  </center>
</div>

＆＃13;

如何将图像编号3放在页面底部？

Answer 1

将一个类添加到＆＃34; 3＆＃34;的父级。图像（比如＆＃34; .foo＆＃34;）而不是强加＆＃34;固定＆＃34;礼：

if let recognizer = sender as UITapGestureRecognizer {
    let view = recognizer.view
    ...
}

http://jsfiddle.net/u6Lg9tns/

我想你正在寻找一个粘性的页脚;如果你想只根据父元素的实际高度进行定位;你应该使用Javascript（或更可能是JQuery）来检查元素的实际大小（如果是动态的）并设置适当的定位值...

Answer 2

试试这个.boxes {position：relative;} .downa {position：absolute;底部：0;左：0像素; } .topa {position：absolute; top：0px; left：0px;}

位置相对和绝对值，保证金底部为0

2 个答案: