Fatal编程技术网
  • html/
  • Html 仅使用css将表格从一个位置移动到另一个位置

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

html css

Html 仅使用css将表格从一个位置移动到另一个位置,html,css,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

这里有两张桌子

<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>
这里我想要的是，当我编写上面的代码时，它可以很好地显示2个表，我想先显示table2，然后我想只使用css显示table1，而不接触html代码。。。。 我怎么做这个？有人能帮我吗…

对顶部为0的第二个表使用
位置：绝对
，然后使用
边距顶部属性向下移动第一个表


在现实世界的例子中，它可能需要一些调整-请参阅以获取帮助
HTML本身并不是真正的代码。@WilliamVanRensselaer我想我们可以同意在这一点上存在分歧…：）你会使用JavaScript吗？使用JS在物理上切换这两个元素非常容易（而且更可取）。您想从css创建表1吗？@Tieson您可能是说HTML不是一种编程语言。但它仍然是代码

.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;
}