在浏览器上提供垂直滚动条调整大小非洲经委会 html，正文 { 身高：100%； } * { 保证金：0；填充：0； } #包装纸 { 最小高度：100%； } #标题 { 背景色：#CDCDB； } #页脚 { 背景色：#CDCDB；利润上限：-50px；高度：50px；明确：两者皆有； } #内容 { 背景色：#DBE3CC；位置：绝对位置；填充底部：50px； } #电子信息 { 宽度：44%；边框宽度：1px；边框样式：实心；边框颜色：#5F5D63；边界半径：8px；浮动：左；填充：1%； } 标题项目类型选择框它是： jQuery插件选择框替换有状态UI小部件客户群选择框它是： jQuery插件选择框替换有状态UI小部件页脚_Html_Css

在浏览器上提供垂直滚动条调整大小非洲经委会 html，正文 { 身高：100%； } * { 保证金：0；填充：0； } #包装纸 { 最小高度：100%； } #标题 { 背景色：#CDCDB； } #页脚 { 背景色：#CDCDB；利润上限：-50px；高度：50px；明确：两者皆有； } #内容 { 背景色：#DBE3CC；位置：绝对位置；填充底部：50px； } #电子信息 { 宽度：44%；边框宽度：1px；边框样式：实心；边框颜色：#5F5D63；边界半径：8px；浮动：左；填充：1%； } 标题项目类型选择框它是： jQuery插件选择框替换有状态UI小部件客户群选择框它是： jQuery插件选择框替换有状态UI小部件页脚

html css

在浏览器上提供垂直滚动条调整大小非洲经委会 html，正文 { 身高：100%； } * { 保证金：0；填充：0； } #包装纸 { 最小高度：100%； } #标题 { 背景色：#CDCDB； } #页脚 { 背景色：#CDCDB；利润上限：-50px；高度：50px；明确：两者皆有； } #内容 { 背景色：#DBE3CC；位置：绝对位置；填充底部：50px； } #电子信息 { 宽度：44%；边框宽度：1px；边框样式：实心；边框颜色：#5F5D63；边界半径：8px；浮动：左；填充：1%； } 标题项目类型选择框它是： jQuery插件选择框替换有状态UI小部件客户群选择框它是： jQuery插件选择框替换有状态UI小部件页脚,html,css,Html,Css,上面是我的带有样式的HTML标记。当我调整浏览器大小时，如何在不重叠页脚和内容分区的情况下强制垂直滚动条。如果我从内容中删除poition属性，我会得到这个结果。但是有没有一种不删除的方法呢？尝试使用： <!DOCTYPE html> <html> <head> <title>ECA</title> <link rel="stylesheet" href="css/DeskTop_Layout.css" type="tex

上面是我的带有样式的HTML标记。当我调整浏览器大小时，如何在不重叠页脚和内容分区的情况下强制垂直滚动条。如果我从内容中删除poition属性，我会得到这个结果。但是有没有一种不删除的方法呢？

尝试使用：

<!DOCTYPE html>
<html>
<head>
  <title>ECA</title>
  <link rel="stylesheet" href="css/DeskTop_Layout.css" type="text/css" />
  <style>
    html, body
   {

 height:100%;
   }
   *
   {
 margin: 0;
 padding: 0;
    }

   #wrapper
   {
 min-height: 100%;
   }

   #header
   {
   background-color: #CDCCDB;
   }

   #footer
   {
background-color: #CDCCDB;
margin-top: -50px;
height: 50px;
clear: both;

    }

    #content
  {
background-color: #DBE3CC;
position:absolute;
padding-bottom: 50px;

   }

   #ECUInformation
  {

width: 44%;
border-width: 1px;
border-style: solid;
border-color: #5F5D63;
border-radius: 8px;
float: left;
padding: 1%;
  }

  </style>
</head>
<body>
<div id="wrapper">
    <div id="header">
        header</div>
    <div id="content">
         <div id="ECUInformation">
        <form class="ECUInfo">
        <select id="ProjectType" name="ProjectType">
            <option selected="selected" id="default" disabled>Project Type</option>
            <option>SelectBoxIt is:</option>
            <option value="a jQuery Plugin">a jQuery Plugin</option>
            <option value="a Select Box Replacement">a Select Box Replacement</option>
            <option value="a Stateful UI Widget">a Stateful UI Widget</option>
        </select>
        <select id="CustomerGroup" name="CustomerGroup">
            <option selected id="default" disabled>Customer Group</option>
            <option value="SelectBoxIt is:">SelectBoxIt is:</option>
            <option value="a jQuery Plugin">a jQuery Plugin</option>
            <option value="a Select Box Replacement">a Select Box Replacement</option>
            <option value="a Stateful UI Widget">a Stateful UI Widget</option>
        </select>
        <input type="text" id="QCNumber" name="QCNumber" placeholder="QC Number" />
        <input type="text" id="ReferenceNumber" name="ReferenceNumber" placeholder="Reference Number" />
        <input type="text" id="ECUFamilyName" name="ECUFamilyName" placeholder="ECU Family Name" />
        <input type="submit" id="ECUInfosubmit" value="Submit ECU Information" />
        </form>
    </div>
    <!--  <div id="statuswindow">
        </div> -->
</div>
    </div>
</div>
<div id="footer">
    footer</div>
</body>
</html>

.content {
    overflow: auto;
}