嗨，我有一个这样的主页。
网页视图
<html>
<head>
</head>
<body>
<div class="wrapper">
<div class="content">
<ui:include src="/templates/include/header.xhtml"/>
<div class="left_menu">
<ui:include src= />
</div>
<div class="content_container">
<ui:insert name="body">Body</ui:insert>
</div>
</div>
<div class="footersathi">
<ui:insert name="footer">footer</ui:insert>
</div>
</div>
</body>
</html>
HTML 视图的结尾
.css
.wrapper {
min-height:100%;
position:relative;
}
.content {
margin:0;
padding-bottom:20px;
}
.left_menu {
position: absolute;
top: 0px;
left: 0px;
}
.content_container {
position: absolute;
top: 176px;
left: -15px;
}
.footersathi {
width:100%;
height:20px;
position:absolute;
bottom:0;
left:0;
background:blue;
}
CSS 的结尾
问题是由于我正在使用ui：insert name=body标签 我包含的带有名称正文的页面有些页面的内容较少，有些页面的内容更多，但页脚相对于该内容没有变化，而是固定到特定位置，任何人都可以帮助我如何在ui时解决此问题：使用插入。
我认为，当
页脚始终占据页面底部时，页脚之前的包装器div 类（带有您为其提供的 css）是提出的解决方案。
至于你的问题，div 类默认彼此重叠，除非指定了浮点或内联块。因此，如果您删除：
position:absolute;
bottom:0;
left:0;
正如Wesley所解释的，你的布局应该没问题。
为什么要在页脚上使用position: absolute;？如果设置position: static'（如果未指定，则为默认值），则页脚将自动显示在文档的末尾。
如果这不能回答您的问题，请更清楚地说明您的问题:)
对于您想要的东西，我认为您可以避免将元素定位在正常流程之外。例如，在此处查找有关如何使用 CSS 创建布局的示例。