Question

我在我的网站上工作，当我添加表单标签时，它会弄乱我的导航栏。我试过给它0填充0边距，它似乎没有帮助。

http://pyxel.atspace.tv是导航栏的样子，但http://pyxel.atspace.tv/contact.php就是它的结束方式。

以下是表单位于网站中间的内容。什么都没有：

<div class="middlecontents">
    <form>
    </form>
</div>

这是我对所有标签的css（我没有表单本身的css）：

* {
    top: 0px;
    right: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}

这是我的导航栏（没什么特别的，只有很多div）：

<div id="navbar">
    <!-- Orange bar in Navbar-->
    <div id="topbar"></div>
    <div id="buttons">
        <!--Home button-->
        <a href="/">
            <p class="button">Home</p>
        </a>
        <!--Divider-->
        <div class="divider"></div>
        <!--About us button-->
        <a href="about.php"><p class="dbutton">About<br>Us</p></a>
        <!--Divider-->
        <div class="divider"></div>
        <!--Forums Button-->
        <a href="forums.php">
            <p class="button">Forums</p>
        </a>
        <!--Divider-->
        <div class="divider"></div>
        <!--Contacct Button-->
        <a href="contact.php">
            <p class="button">Contact</p>
        </a>
        <!--Divider-->
        <div class="divider"></div>
        <!--Information Button-->
        <a href="info.php">
            <p class="dbutton">Donate/Vote<br>Information</p>
        </a>
        <!--Divider-->
        <div class="divider"></div>
        <!--Donate Button-->
        <a href="donate.php">
            <p class="button">Donate</p>
        </a>
        <!--Divider-->
        <div class="divider"></div>
        <!--Vote Button-->
        <a href="vote.php">
            <p class="button">Vote</p>
        </a>
        <!--Divider-->
    </div>
    <div id="profile">
    </div>
</div>
<div id="topborder"></div>

如果它显示导航栏，就像在主页上那样刷新它几次。很奇怪它是如何工作的。

Answer 1

不确定为什么会这样，但你可以解决

#buttons {
  float: left;
  height: 61px;
  width: 100%;
}

表格标签弄乱了我的网站

1 个答案: