我最近更改了我的标题以保持固定。标题是完美的，但它隐藏了一半的内容。我已尝试更改内容的“顶部”设置，但不会改变结果。
的HTML：
<div class="gridContainer clearfix">
<div id="LayoutDiv1">We are here to help</div>
<form action="website.php" method="POST">
<div id="LayoutDiv3"> Names:
<input type="text" name="user"/>
Gender<FONT COLOR="#FF0000">*</FONT>
<select name="Gender[]" double="double">
<option value="Female">Female</option>
<option value="Male">Male</option>
</select>
</div>
<div id="Components"></div>
<div id="Food"><h1>Dietary conditions:</h1>
Gluten Free
<input type="checkbox" name="GlutenFree" value="Yes" />
<br>
Diary Free
<input type="checkbox" name="DairyFree" value="Yes" />
<br>
No Softdrink
<input type="checkbox" name="NoSoftDrink" value="Yes" />
<br>
Halal
<input type="checkbox" name="Halal" value="Yes" />
<br>
Vegetarian
<input type="checkbox" name="Vegetarian" value="Yes" />
<br>
No Nuts
<input type="checkbox" name="NoNuts" value="Yes" />
<br>
Other
<input type="checkbox" name="Other" value="Yes" /></div>
CSS：
#LayoutDiv1 {
position: fixed;
height: 75px;
top: 0;
width: 100%;
z-index: 10000;
background:#FFF
}
#LayoutDiv3 {
position: fixed;
height: 30px;
top: 75px;
width: 100%;
z-index: 10002;
background:#FFF
}
#Components {
top: 2000px; //Has no effect, and either does changing the 'top' setting for each div
within 'components.
}
谢谢