我有一个元素:#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。