插入表时按钮移动

时间:2016-04-17 18:13:46

标签: html css button css-tables

这是我的Html中的按钮:

#include <sys/types.h>
#include <unistd.h> 

int main(int argc, char *argv[])
{   
    fork();

    while(1){
        sleep(3);
    }

    return 0;
}

这就是我在CSS中给出的定位:

<div id="Home">
<FORM>
<INPUT Type="BUTTON" Value="Home" Onclick="window.location.href='NBA.htm'"> 
</FORM>
</div>

一切正常,但只要我添加一个带边框的表,一切都搞定了:(

没有Table,按钮位于页面的左上角,就像我想要的那样,但是当我添加带边框的表格时,按钮移动到我的文本字段的顶部...

CSS中的文字:

#Home {
position:absolute;
transition: .5s ease;
top: 0px;
left: 0px;
right: -420px;
bottom: -191px;
}

关于如何阻止我的按钮移动但仍然可以制作带边框的桌子的任何想法......?

1 个答案:

答案 0 :(得分:0)

你的意思是这样吗?

&#13;
&#13;
.main button {
position: fixed;
top: 0;
left: 0;
transition: .5s ease;
}
table td {
border: 2px solid #000;
}
&#13;
<div class="main">
  <form>
    <button type="submit">Home</button>
  </form>
</div>
<br/>
<table>
  <tr>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
  </tr>
  <tr>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
  </tr>
  <tr>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
    <td>Blah</td>
  </tr>
&#13;
&#13;
&#13;