Html 定形

我试图创建一个固定的标题，带有“欢迎”和下面的表单（实际上它只是表单的开始）。欢迎保持固定，因为CSS样式页面告诉所有标题保持固定。但是，我的程序不允许我将表单的一部分放在标题中。我想不出什么办法使表单的这一部分也保持固定

<h1>Welcome</h1>


 <form action="website.php" method="POST">
      <strong>Name:</strong>
        <input type="text" name="user"/>
         <strong>Gender<FONT COLOR="#FF0000">*</FONT></strong>
         <select name="Gender[]" double="double">
           <option value="Female">Female</option>
           <option value="Male">Male</option>
         </select></div>

欢迎您
名称：
性别*
女性
男性

将css代码编写为

CSS HTML

欢迎
名称：
性别*
女性
男性

---

嗨，安德鲁，用你目前的代码，你不会有任何有用的答案。请包括标题包装HTML和CSS。更有用的是复制你的问题。你真的想让人们选择不止一种性别吗？（无需将

[]

放在该名称中）这很好，但名称和性别输入仍与表单的其余部分一起滚动。只欢迎保持原样。只需稍加修改，现在就可以完美地工作了，非常感谢！！

#fixheader{
    position: fixed;
}

<div id='fixheader'>    
    <h1>Welcome</h1>
</div>


 <form action="website.php" method="POST">
      <strong>Name:</strong>
        <input type="text" name="user"/>
         <strong>Gender<FONT COLOR="#FF0000">*</FONT></strong>
         <select name="Gender[]" double="double">
           <option value="Female">Female</option>
           <option value="Male">Male</option>
         </select></div>

<div class="fixed">
    <h1>Welcome</h1>
</div>

<div class="form">
    <form action="website.php" method="POST">
       <strong>Name:</strong>
       <input type="text" name="user"/>
       <strong>Gender<FONT COLOR="#FF0000">*</FONT></strong>
       <select name="Gender[]" double="double">
           <option value="Female">Female</option>
           <option value="Male">Male</option>
       </select>
   </form>
</div>

.fixed
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    margin:0 auto;
}

.form
{
    margin: 80px auto;
    width: 200px;
    line-height: 40px;
}

input, select
{
    width: 120px;
}