需要幫助襯裏一些按鈕

Question

我不能讓這些按鈕留在同一行，我認爲它與'清除'在CSS中有關，因爲如果我停用幾乎所有按鈕的CSS屬性（使用鉻的檢查元素的東西），他們最終排隊。

這是網頁：http://framework.aluxian.com/login.php

Answer 1

由 <div>總結他們和清除。 只需取消 - clear這些按鈕。這是我剛剛試過在我的螢火蟲代碼：

<form action="login.php" method="post" id="loginform"> 
<!-- ... --> 
<button style="clear: none;" class="button_colour round_all" id="loginbutton" onclick="document.forms['loginform'].submit();"><!-- ... --></button> 
<button style="clear: none;" class="button_colour round_all" id="registerbutton" onclick="location.href='register.php'"><!-- ... --></button> 
<!-- ... --> 
</form> 

，是的，我相信你並不需要所有這些onclick的

Answer 2

#registerbutton { 
    clear: none; 
    display: block; 
    float: left; 
    margin: 10px 30px 55px; 
} 

#loginbutton { 
    clear: none; 
    display: block; 
    float: left; 
    margin: 10px 30px 55px; 
} 

Answer 3

這是因爲clear: both;上#loginbutton（線425） ，和button（第12行）在main.css樣式表中。

刪除兩者的屬性或在#loginbutton上指定clear:none;。這將取代button屬性。如果在#registerbutton之後添加了另一個按鈕，則還需要爲其添加clear:both;。

Answer 4

只需覆蓋.button中的clear屬性#loginbutton和#registerbutton類，並且按鈕將水平對齊。

#loginbutton, 
#registerbutton { 
    clear: none !important; 
}