使用CSS調整按鈕

Question

在下圖中，如何調整關閉按鈕使其位於燈箱的右上角？

我有以下代碼

<div id="lightbox_fg"> 
    <h2 id="search_result_display"><button id="close" onClick="closeLightBox()" style="float:right; top:0px; position:relative;">&times;</button></h2> 
    <button id="close" onClick="closeLightBox()" style="float:right;">&times;</button> 
    <form name="search_form" id="search_form" onSubmit="return false;"> 
    <input name="searchedit" id="searchedit" type="text" size="30" maxlength="100" value=""> 
    In: 
    <select name="filter1" id="filter1"> 
     <option value="users">Users</option> 
     <option value="forum">Forums</option> 
    </select> 
    <button id="searchBtn" onClick="searchMyWebsiteFG()">Search</button> 
    <br /><br /> 
    <div id="search_output" style="width:800px; height:385px; border:#000 1px solid; overflow:scroll;"></div> 
    </form> 
    </div> 

我談論與ID按鈕= 「關閉」。我應該改變什麼樣式屬性？

Answer 1

您可能希望將所有樣式移動到外部樣式表中，而不是將它們內聯。 我的建議是將絕對按鈕元素和其父母相對定位。然後設置類似

#close{ 
     position:absolute; 
     top:-5px; 
     right: -5px; 
    } 

這裏有一個很好的文章CSS positioning 和here是一個很好的初學者指南的CSS