绝对定位 - 底层问题

时间:2016-06-10 19:49:04

标签: html css css3 position

我有一个元素:#home-img-text-container2,在640px以下的视口中,我将其定位absolute并给它一个bottom: 0;位置。我的问题是#home-img-text-container2超过了主要容器/图片#home-main-img

我已经设置了这样的容器:

#home-img-text-container1, #home-img-text-container2 {
    position: absolute;
}
#home-img-text-container2 {
    bottom: 0%;
    width: 100%;
}
#home-img-text-description, #home-img-text-description2 {
    position: relative;
    display: inline-block;
    margin: 0px 0px;  
    padding: 20px 20px;
    font-size: 1.5em;
}

我不明白为什么它不会位于图像的最底部,而不是位于图像的底部。

有谁看到我做错了什么?同样,这是在媒体查询640px。

Fiddle

0 个答案:

没有答案