Fatal编程技术网
  • html/
  • Html CSS：内容边框穿过固定的页脚边框

Html CSS：内容边框穿过固定的页脚边框

html css

Html CSS：内容边框穿过固定的页脚边框,html,css,fixed,Html,Css,Fixed,我有一个固定的页脚div和一个内容div。内容div是100%高度，我不希望它穿过页脚，尽管我不希望给出小于100%的百分比值 <!-- fixed --><div id="footer" style="border:4px solid black;"> <div> <!-- crosses the footer thus fails --><div id="content" style="border:4px solid blue;"&g

我有一个固定的页脚div和一个内容div。内容div是100%高度，我不希望它穿过页脚，尽管我不希望给出小于100%的百分比值

<!-- fixed --><div id="footer" style="border:4px solid black;">
<div>

<!-- crosses the footer thus fails --><div id="content" style="border:4px solid blue;">
</div>
下面是一个JSFIDLE链接：

蓝色框的下边框应位于黑色框边框的顶部，并且不应穿过它

我所希望的结果是：

提前谢谢。

从页脚中删除
位置：固定
，并交换
容器
和
页脚
divs的html代码






您需要在运行时使用
jquery
设置内容
max height
，并以内容样式添加
overflow:auto

假设您的
内容最大高度=屏幕高度-页脚高度。


希望这个公式能帮助你。
不，我需要固定页脚，在滚动的任何一点都可以看到页脚是的，它起作用了，你做得很好。非常感谢。你意识到因为CSS的顺序，你正在覆盖页脚上固定的位置，对吗？