將HTML添加到h3後HTML按鈕無法工作

Question

我想讓我的h3與我的按鈕對齊，所以我將它的位置絕對化了，還有其他一些東西。如果你想查看問題，你可以去here。我不知道還有什麼可以用來描述問題的。哦，這個節目是黃飛鴻時代第五季。任何幫助都會很讚賞。

Answer 1

嘗試在你的HTML代碼

<form method="get"> 
    <h3 class="watching_what"> 
    <button class="change" style="float:left;" type="submit" name="episode_num" value="0">Previous</button> 
     You Are Watching Episode 1   
    <button class="change" style="float:right;" type="submit" name="episode_num" value="2">Next</button> 
    </h3> 
</form> 

而在你的CSS代碼這些變化中取出變換屬性

.watching_what 
{ 
    text-align: center; 
    color: 003099; 
    position: absolute; 
    /* position: element(#target); */ 
    /* transform: translateY(-100%); */ 
    left: 0px; 
    right: 0px; 
    padding-top: 18pt; 
    padding-bottom: 18pt; 
} 

Answer 2

請將位置和z-index添加到您的css文件中的.change類。我在瀏覽器中檢查了它的工作。

.change{ 
position: relative; 
z-index: 100; 
}