HTML - フォームの位置を変更する

Question

このフォームの位置を絶対位置で変更するにはどうすればよいですか？

<form id="contact_form" action="#" method="POST" enctype="multipart/form-data"> 
 
\t <div class="row"> 
 
\t \t <label for="name">Jouw naam:</label><br /> 
 
\t \t <input id="name" class="input" name="name" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="email">Jouw email:</label><br /> 
 
\t \t <input id="email" class="input" name="email" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="message">Jouw bericht:</label><br /> 
 
\t \t <textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br /> 
 
\t </div> 
 
\t <input id="submit_button" type="submit" value="Send email" /> 
 
</form>

Answer 1

あなたはcontact_formのフォームIDを選択し、それが動作位置決幅

<style> 
 
    #contact_form { 
 
    position: absolute; 
 
    } 
 
</style> 
 

 
<form id="contact_form" action="#" method="POST" enctype="multipart/form-data"> 
 
\t <div class="row"> 
 
\t \t <label for="name">Jouw naam:</label><br /> 
 
\t \t <input id="name" class="input" name="name" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="email">Jouw email:</label><br /> 
 
\t \t <input id="email" class="input" name="email" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="message">Jouw bericht:</label><br /> 
 
\t \t <textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br /> 
 
\t </div> 
 
\t <input id="submit_button" type="submit" value="Send email" /> 
 
</form>