Html 内容上的内容与页脚上的占位符重叠

我正在使用asp.net，我的内容\u占位符的内容在我的页脚外重叠

这是页脚

这是我的css：

.footer {
   background-color: orange;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align:center;
clear:both;
 height: 50px;
}

以下是内容(占位符css)

#content_area
{

       width:80%; 
            margin-left:10%; 
            margin-right:10%;
            height:100%;
}

我怎样才能让我的页脚粘在底部？或者只是让我的内容停止重叠？

给

css一个

位置：相对

添加到您的css中：

body {
   position:relative;
   min-height:100%;
   margin:0px;
   padding:0px;
}
html {
   height:100%;
   margin:0px;
   padding:0px;
}

#content_area_div
{
   width:80%; 
   margin-left:10%; 
   margin-right:10%;
   height:100%;
}

使
.footer
的绝对位置相对于主体

如果这一点对你没有帮助：
保留正文css，并：

您不能在css设计中使用
元素的ID。原因是
从未进入客户端的浏览器。这个元素只存在于服务器端，它的用途就像它的名称一样——由您提供的内容替换

要设计
的内容，请使用
元素将其环绕，然后在
上应用css样式

见示例：

<div id="content_area_div">
   <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
      <%--Placeholder for the pages--%>
   </asp:ContentPlaceHolder>
</div>

在客户端，唯一剩下的就是周围的div和您将推送到

希望有帮助
 您能否向我们展示数据绑定控件和页脚的标记及其容器？数据绑定控件的内部细节可能不是必需的。数据绑定？对不起，我是初学者。数据绑定控件有：ListView、FormView、GridView、，等等。我说的是显示产品列表的控件。@ConnorsFan更新了它。@rainalasa你在使用
asp:ContentPlaceHolder
？@rainalasa它根本没有移动吗？有什么变化了吗？它移动得稍微远一点top@rainalasa同样重要的是：我看到您的css选择器名为
#content\u area
。content\u区域是
asp:ContentPlaceHolder
元素的ID吗？具有此ID的元素是什么？是的
#content_area
是我的
asp:ContentPlaceHolder
的ID。