0

ここに2つのテーブルがあります

<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を表示したい、次にhtmlコードに触れずにcssのみを使用してtable1を表示したい....どうすればいいですかこれをしますか?誰でも私を助けることができます...

4

1 に答える 1

0

http://jsfiddle.net/Y3BMe/

position:absoluteで 2 番目のテーブルに使用し、プロパティtop: 0を使用して最初のテーブルを下に移動しますmargin-top

実際の例では、微調整が必​​要になる場合があります-ヘルプについては、 css の配置を参照してください

于 2012-07-21T07:31:50.850 に答える