这里我有两张桌子
<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 :(得分:0)
对position:absolute
的第二个表使用top: 0
,然后使用margin-top
属性向下移动第一个表
在您的真实世界示例中,可能需要进行一些调整 - 请参阅css positioning寻求帮助