css 如何将一个div粘贴到另一个div的底部？

xienkqul 于 2022-11-19 发布在其他

关注(0)|答案(2)|浏览(281)

好的，这是父div：

#left {
    width: 50%;
    height: 100%;
    background-color: #8FD1FE;
    float: left;
    opacity:0.75;
    filter:alpha(opacity=75);
    -webkit-transition: all .45s ease;  
    -moz-transition: all .45s ease; 
    transition: all .45s ease; }

这是div中的div：

#reasons {
background-image:url('arrow1.png');
background-repeat: no-repeat;
height: 94px;
width: 400px;
margin: 0 auto 0 auto; }

我已经尝试了很多不同的方法，但我似乎不能保持第二个div居中并粘在第一个div的底部。

css

来源：https://stackoverflow.com/questions/7694697/how-can-i-stick-a-div-to-the-bottom-of-another-div

2条答案

按热度按时间

8xiog9wr1#

首先，将外部div设为配置父项：

#left {
     /* ... */
     position: relative; /* anything but static */
     /* ... */
}

现在，让我们将内部div固定到底部：

#reasons {
    /* ... */
    position: absolute;
    bottom: 0;
    /* ... */
}

现在它已固定在底部，但我们需要将其居中：

#reasons {
    /* ... */
    left: 50%;
    margin: 0 0 0 -200px; /* 200px is half of the width */
    /* ... */
}

观看on JSFiddle演示。

赞(0）回复(0）举报 2022-11-19

wj8zmpe12#

使用position: absolute; bottom: 0;将其保留在div的底部，同时不要忘记在主div内添加第二个div

赞(0）回复(0）举报 2022-11-19

我来回答

css 如何将一个div粘贴到另一个div的底部？

2条答案

相关问题

热门标签

最新问答