Я немного безнадежен в этом - я знаю, что есть много ответов уже, но для того, чтобы сохранить мой сайт в основном отзывчивый, как я складываю эти divs друг на друга, не меняя аспект позиции, чтобы он оставался в центр, но один сверху другого? Нижний колонтитул не связан с основным контентом.Как иметь div ниже другого div, учитывая, что позиция должна быть абсолютной?
В настоящее время они накладывая друг на друга в центре страницы, но я хочу, чтобы найти способ, где «контейнер» ДИВ выше «значок-DIV»
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
align: center;
text-align: center;
}
.icon-div {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
align: center;
text-align: center;
}
.footer {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-100%);
align: center;
text-align: center;
}
<div class="container">
<img alt="Robert Xu" width="380" title="Robert Xu" src="http://i.imgur.com/gTgVruY.jpg"><br />
<h1>徐博</h1>
<h4 style="margin-top:0px;">Robert Xu</h4>
<p><span class="zh">中國 上海</span><span class="dot"> · </span><span class="en">Melbourne, Australia</span></p>
</div>
<div class="icon-div">
<p class="en">
<a class="icon" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a class="icon" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a class="icon" href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</p>
</div>
<div class="footer">
<p class="footer-text">© 2014-2016 Robert Xu. All Rights Reserved.</p>
</div>
Вы можете иметь общий родительский DIV, который является абсолютным в положении и поместите две див внутри родителя без маркировки как абсолютные. – Aruna