html - 仅使用 css 将表格从一个位置移动到另一个位置

Question

这里我有两张桌子

<div class="ex1">
<table>
<th> table1</th>
<tr>..</tr>
<tr>....</tr>
</table>
</div>
<div class="ex2">

<table>
<th>table2</th>
<tr>..</tr>
<tr>....</tr>
</table>
</div>

我的那些课的CSS，我写的是

.ex1{
display: block;
position: relative;
margin: 0;
padding: 0;
border: 0px solid #CCC;
overflow: hidden;
clear: right;
height: 392px;
width: 630px;
}

.ex2{
display: block;
position: relative;
clear: right;
margin: 3px 0 0 0;
border: 1px solid #CCC;
padding-top: 0px;
color: #5A5655;
background-color: #F8F8F8;
text-align: left;
overflow: auto;
z-index: 88;
height: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width: 620x;
}

这里我想要的是当我编写上面的代码时，它可以很好地显示 2 个表，我想先显示 table2，然后我想只使用 css 显示 table1，而不用接触 html 代码......我怎么能做这个？谁能帮我...

Answer 1

http://jsfiddle.net/Y3BMe/

用于position:absolute第二个表，top: 0然后使用margin-top属性向下移动第一个表

在您的现实世界示例中，它可能需要一些调整 - 请参阅css 定位以获取帮助