2012-07-21 45 views
0

在这里我有两个表移动从一个位置的台到另一个使用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代码.... 我怎么能做到这一点?谁能帮我...

+0

HTML本身并不是__code__。 – 2012-07-21 07:14:54

+0

@TiesonT。当然如此。 – Will 2012-07-21 07:17:07

+0

@WilliamVanRensselaer我认为我们可以同意不同意这个...... :) – 2012-07-21 07:18:31

回答

0

http://jsfiddle.net/Y3BMe/

使用position:absolutetop: 0,然后第二个表使用margin-top财产

在你现实中的例子,可能需要一些调整向下移动的第一个表 - 请参阅css positioning寻求帮助

相关问题