Html 为什么我的内容被覆盖在页脚上，即使我使用了clear:both to footer？

html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#虚假内容{
高度：900px；
宽度：100px；
}
.readbook.col-sm-12{
位置：相对位置；
边框顶部：2个实心#dddddd；
}
.正文{
位置：绝对位置；
左：0；
排名：0；
右：0；
高度：100px；
填充：0px 70px 0px；
溢出y：自动；
}
.车身内部{
边缘顶部：20px；
}
.车身内部{
边框：1px纯红；
z指数：1；
高度：500px
}
.导航栏页脚{
背景色：#F8；
}
.页脚{
文本对齐：居中；
}
.页脚p{
字体大小：10px；
保证金：0；
文本对齐：居中；
填充顶部：53px；
显示：内联块；
}
.包装纸{
最小高度：100%；
高度：自动！重要；
身高：100%；
保证金：0自动-120px；
}
.navbar页脚，.push{
高度：120px；
}
.最后内容{
边缘底部：144px；
}
.导航栏页脚{
明确：两者皆有；
}

2.测试

内容

2015年有限公司版权所有

因为
清除：两个
都清除浮动，没有其他内容。您没有任何要清除的浮动

另外，你的设计有很多问题。我建议你开始阅读CSS。
绝对定位是一种非常糟糕的网页布局方法。它极不灵活，而且有更好、更灵活的选择。尝试