Html 在中心垂直和水平对齐DIV，不重叠页眉和页脚

这是我在stackoverflow上的第一篇帖子，对我来说，这可能是一篇冗长的、解释过度的帖子。请原谅我，我从来都不善于让别人轻易地理解我的话

基本上，我的页面包括5个分区

包裹-包含所有其他元素 页眉-页眉 main-包含imgcont div imgcont-包含一个图像 页脚-页脚 现在，我的页脚被锁定在页面底部，即使重新调整大小。这是我需要保留的功能。imgcont是我需要垂直和水平对齐的div。调整大小时，它基本上需要浮动在页面中心，而不会重叠或覆盖页眉和页脚

我遇到的问题是在主div内垂直对齐imgcont div，而不使其重叠或低于页眉和页脚。我目前使用的代码是：

html，正文{高度：100%；} 包裹{ 最小高度：100%； } 主要{ 溢出：自动； 填充底部：100px； }/*必须与页脚的高度相同*/ 页脚{ 位置：相对位置； 页边距顶部：-100px；/*页脚高度的负值*/ 高度：100px； 明确：两者皆有； 背景颜色：999； } 标题{ 高度：100px； 背景颜色：999； } /*歌剧修复*/ 身体：以前{ 内容：； 身高：100%； 浮动：左； 宽度：0； 利润上限：-32767px； } 伊姆康特{ 宽度：1000px； 高度：300px； 背景色：FC3； 保证金：自动； } 显然，这只会使我的imgcont水平对齐，但我确实在互联网上找到了一个代码，当窗口为全尺寸或大于imgcont的高度时，效果会起作用

伊姆康特{ 宽度：1000px； 高度：300px； 背景色：FC3； 保证金：自动； 排名：0； 底部：0； 左：0； 右：0； 位置：绝对位置； } …但当窗口变小时，imgcont开始与页眉重叠，并在页脚下方覆盖

我需要imgcont在页眉和页脚相遇时“锁定”到页眉和页脚，然后保持水平对齐

有谁能给我一些见解吗？我在胡说八道

我希望我已经解释得足够好，让你能理解，因为我自己几乎都不懂

提前感谢,， 鲍勃你需要固定身体的高度和宽度

.body {   
height: 900px;
width: 1000px;
 }

---

把你的html结构贴到一个或更好的地方，在上面做些修改，以便其他人可以测试。这就是我目前所拥有的。除了垂直对齐之外，一切正常工作身体的高度基于内容和浏览器高度。我不认为我们应该用CSS来固定主体高度。如果不固定主体宽度，在调整窗口大小时，div的高度会重叠。感谢您的回复Srinivas。如果我使用我第一次粘贴的代码，页面大小会调整得很好，没有重叠。页脚到达imgcont时停止移动。只有当我使用第二段代码使imgcont垂直对齐时，div才开始彼此重叠。iddle.net/UqsLP这就是我到目前为止所拥有的。除了垂直对齐外，所有部件都正常工作