У меня есть два Div метки, как показано нижевыравнивать один DIV тег ниже другого тега
<div id="outer">
<div id="lower">hi</div>
<div id="upper">i m on top</div>
</div>
Я хочу, чтобы отобразить верхний DIV первым, а затем нижним DIV, но я не могу изменить порядок декларирования в HTML.
Я использую следующий CSS
#outer{
position:relative;
}
#upper{
position:absolute;
top:0;
}
Но верхняя перекрывается с нижней.
UPDATE
Я решал ситуацию следующим образом, как это не нарушает дизайн
<html>
<body>
<div id="visible"></div>
<div id="bottom">displayed in second line</div>
<div id="top" style="display:none;">
displayed in first line
<script>
document.getElementById("visible").innerHTML=document.getElementById("top").innerHTML
</script>
</div>
</body>
</html>
Используя приведенный выше код я прекрасно захваченному мой случай использования. Спасибо всем за то, что не ответил ни
Если вы знаете высоту 'upper', вы можете использовать что-то вроде' position: absolute; топ: 300px; <- высота' для 'lower'. –
это динамический контент, я думаю, @cimmanon ответ решит проблему –