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

时间:2012-07-21 07:13:36

标签: html css

这里我有两张桌子

<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代码.... 我怎么能这样做?任何人都可以帮助我...

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/Y3BMe/

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

在您的真实世界示例中,可能需要进行一些调整 - 请参阅css positioning寻求帮助