显示另一个元素

Question

在语义上，文档中有这样的写法是有意义的，我也想象它更适合SEO。

<div id="header"></div>
<div id="main"></div>

但是，我希望'main'部分位于屏幕上的'标题'之上。

有没有办法使用纯CSS做到这一点？

Answer 1

一种方法是使用容器和一些绝对定位。

http://jsfiddle.net/QpPh4/

.container
{
    position:relative;
}

#main
{
    position:absolute;
    bottom:100%;
}

<br><br>
<div class="container">
   <div id="header">Hi I'm a header</div>
   <div id="main">Hi I'm the content</div>
</div>