Firefox中CSS的最高定位

Question

我在使用Google chrome時已設置了此代碼塊的樣式，如您在此圖像中所見，它可以很好地對齊。

但是，使用Firefox查看時，它無法正確顯示

我究竟做錯了什么？

 .full-panel select { -webkit-appearance:none; background-color:#1B6B80; background-position:95% 50%; background-repeat:no-repeat; border:1px solid #1B6B80; border-radius:2px; color:#FFFFFF; display:block; font-size:10px; height:30px; line-height:10px; padding-left:5px; padding-right:25px; position:absolute; right:150px; top:30px; width:150px; } 

 <form method="POST" action="/" accept-charset="UTF-8"><input name="_token" type="hidden" value="M7sQaw7MVFV4DQhoyMxdiuJPB7E5KbaWVB5U9lbp"> <div class="full-panel"> <input name="quick" value="1" type="hidden"> <input class="biginput" type="text" name="name" placeholder="Set up your free website"> <select name="domain_id"> <option>mysite.com</option> </select> <input class="bigbutton" type="submit" value="Submit"> </div> </form> 

Answer 1

當您必須使用絕對位置時，請確保其父容器具有相對位置

.full-panel {
  position:relative;
}

這樣，您可以相對於其容器而不是相對於主體開始計算像素（頂部：30像素）