Html 用于div标记高度的css样式

我正在设置所有的

div

tags'

height

以像素为单位。我遇到了一些问题，我想如果我在

%

中设置

高度

，它会对我有所帮助

%

正在为

宽度

工作，但不幸的是，我无法将我的

div

高度

设置为%

这是我的CSS，我想用

%

高度替换像素

.header{
宽度：100%；
高度：100px；
背景：rgb（226）；/*旧浏览器*/
背景：-莫兹线性梯度（左，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209,1）78%，rgba（209,1）78%）；/*FF3.6+*/
背景：-webkit渐变（线性，左上，右上，颜色停止（0%，rgba（226226,1）），颜色停止（37%，rgba（201201201,1）），颜色停止（65%，rgba（229229229,1）），颜色停止（78%，rgba（209209,1）），颜色停止（78%，rgba（209,1））；/*铬，Safari4+*/
背景：-webkit线性梯度（左，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209209,1）78%，rgba（209,1）78%）；/*Chrome10+，Safari5.1+*/
背景：-o型线性梯度（左，rgba（226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209,1）78%，rgba（209,1）78%）；/*Opera 11.10+*/
背景：-ms线性梯度（左，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209,1）78%，rgba（209,1）78%）；/*IE10+*/
背景：线性梯度（向右，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209209,1）78%，rgba（209,1）78%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#e2e2e2'，endColorstr='#d1d1d1'，GradientType=1）；/*IE6-9*/
}
.标志{
边际：0px0；
填充：15px 0px 0px 130px；
光标：指针；
浮动：左；
}
.标题{
浮动：左；
边际上限：0px；
左边距：6px；
高度：50px；
宽度：75%；
背景色：#D1D0CE；
文本对齐：居中；
}
身体{
保证金：0；
填充：0；
宽度：100%；
字体：标准12px/1.5em“解放无”，Arial，Helvetica，无衬线；
溢出x：隐藏；
背景图片：url（'image/silver.jpg'）；
背景重复：无重复；
背景尺寸：封面；
}
.页脚{
宽度：100%；
高度：50px；
背景：rgb（226）；/*旧浏览器*/
背景：-莫兹线性梯度（左，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209,1）78%，rgba（209,1）78%）；/*FF3.6+*/
背景：-webkit渐变（线性，左上，右上，颜色停止（0%，rgba（226226,1）），颜色停止（37%，rgba（201201201,1）），颜色停止（65%，rgba（229229229,1）），颜色停止（78%，rgba（209209,1）），颜色停止（78%，rgba（209,1））；/*铬，Safari4+*/
背景：-webkit线性梯度（左，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209209,1）78%，rgba（209,1）78%）；/*Chrome10+，Safari5.1+*/
背景：-o型线性梯度（左，rgba（226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209,1）78%，rgba（209,1）78%）；/*Opera 11.10+*/
背景：-ms线性梯度（左，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209,1）78%，rgba（209,1）78%）；/*IE10+*/
背景：线性梯度（向右，rgba（226226,1）0%，rgba（201201201,1）37%，rgba（229229,1）65%，rgba（209209,1）78%，rgba（209,1）78%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#e2e2e2'，endColorstr='#d1d1d1'，GradientType=1）；/*IE6-9*/
}
h1{
显示：内联块；
}
.外部{
左缘：20%；
利润率最高：3%；
利润底部：3%；
高度：737px；
宽度：60%；
盒影：10px 10px 5px#8888888；
边框：1px实心#f9f2f2；
边界半径：10px；
}
按钮。注销{
浮动：对；
右边距：10px；
}
.日志{
宽度：60%；
身高：10%；
位置：绝对位置；
边框：1px实心#f9f2f2；
边界半径：10px；
背景：-o-线性梯度（底部，#e5e3e3 5%，#ffffff 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#e5e3e3）、颜色停止（1，#ffffff））；
背景：-莫兹线性梯度（中心顶部，#e5e3e3 5%，#ffffff 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=“#e5e3e3”，endColorstr=“#ffffff”）；
背景：-o-线性梯度（顶部，#e5e3e3，ffffff）；
背景色：#e5e3；
边框：0px实心#f9f2f2；
文本对齐：居中；
线高：20px；
边框宽度：0px 0px 1px 1px；
}
.休息{
身高：685px；
背景：-o-线性梯度（底部，#e5e3e3 5%，#ffffff 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#e5e3e3）、颜色停止（1，#ffffff））；
背景：-莫兹线性梯度（中心顶部，#e5e3e3 5%，#ffffff 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=“#e5e3e3”，endColorstr=“#ffffff”）；
背景：-o-线性梯度（顶部，#e5e3e3，ffffff）；
背景色：#e5e3；
边框：1px实心#f9f2f2；
边框宽度：0px 0px 0px 0px；
边界半径：0px 0px 10px 10px；
文本对齐：左对齐；
填充：0px 7px；
}
.副菜单{
浮动：左；
边缘顶部：150px；
宽度：100%；
}
.内容{
左边框：厚实线#F9F2F2F2；
}
.这边{
宽度：24%；
浮动：左；
显示：内联块；
}
人力资源{
保证金：0；
宽度：1px；
高度：660px；
边界：0；
背景：#fff；
浮动：左；
}
.astext{
背景：无；
边界：无；
保证金：0；
填充：0；
光标：指针；
颜色：#000000；
线高：35px；
字体系列：arial；
字体大小：13px；
字体大小：粗体；
}
a、 astext:链接，a.astext:已访问{
颜色：黑色；
背景色：透明；
文字装饰：无；
}
a、 astext:悬停，a.astext:活动{
颜色：黑色；
背景色：透明；
te
.sidemenu 
{
  left: 0px;
  margin-top: 150px;
  position: absolute;
  height: 25%;
  width: 30%;

}

<div class="sidemenu">
  <div class="1 menu">
    <a href="admin_dashboard.php" class="astext">Profile</a>
  </div>
  <div class="2 menu">
    <a href="clients.php" class="astext">Clients</a>
  </div>
  <div class="3 menu">
    <a href="employees.php" class="astext">Employees</a>
  </div>
  <div class="menu 4">
  <a href="admin_file_view.php" class="astext">Documents</a>
  </div>
</div>

.parent_div{
      height:500px;
      position:relative;
}
.chield_div{
      height:50%;
      position:relative;
}