爲什麼輸入框後的標籤？

Question

即使擺弄浮動變量後，我似乎無法弄清楚這一點。 的 「Q1」 標籤後顯示：/

<div class="question active">Q1<input id="one" type="text"></div> 


.question { 
    display: none; 
    float:left 
} 
.question.active,.question.answered { 
    display: block; 
    float: left; 
    clear: left; 

} 
.question.active input { 
    border: 1px solid black; 
    float: left; 
    clear: left; 
} 
.question.answered input { 
    border: 0px solid black; 
    float: left; 
} 
.button { 
    display: none; 
} 
.button.active { 
    display: block; 
    float: left; 
} 
.clickbutton { 
    clear: left; 
    float: left; 
} 

.focusField{ 
    border:solid 2px #73A6FF; 
    background:#EFF5FF; 
    color:#000; 
} 

感謝很多:)

Answer 1

你input是floated左側。

.question.active input { 
    border: 1px solid black; 
    float: left; 
    clear: left; 
} 

這將它放在您的.question.active div中的文本之前。

如果您將Q1置於label中，並將其放在第一位，則全部解決。