网页内容较少时footer没有贴底

简介:

网页内容较少时footer没有贴底



 于是设置其中的div最小高度,设置完之后,在大屏显示ok了.

但是在小屏显示不对了.

$(window).height():窗口可视高度,不包括滚动条

$(document).height():整个网页的高度,包括滚动条

$('body').height():实际内容的高度

大屏中,内容没有填满

window :955

document:955

body:   779

所以可以拿body 和window 比较

如果body <window ,说明没有填满

 

相关文章
|
3月前
|
搜索推荐 UED SEO
探索 HTML 语义化:让你的网页更有意义(下)
探索 HTML 语义化:让你的网页更有意义(下)
探索 HTML 语义化:让你的网页更有意义(下)
|
3月前
|
搜索推荐 UED 索引
探索 HTML 语义化:让你的网页更有意义(上)
探索 HTML 语义化:让你的网页更有意义(上)
探索 HTML 语义化:让你的网页更有意义(上)
|
8月前
phpcms之 header.html和footer.html的作用
phpcms之 header.html和footer.html的作用
|
9月前
|
前端开发
HTML与CSS实现网页的超链接及美化
HTML与CSS实现网页的超链接及美化
150 0
HTML与CSS实现网页的超链接及美化
|
10月前
HTML|对简单表格网页的学习
HTML|对简单表格网页的学习
48 0
|
11月前
|
移动开发 前端开发 开发者
前端祖传三件套HTML的HTML5之新语义/结构元素 header/footer/article/aside/nav
HTML5 是 Web 技术的重要更新,它引入了许多新特性,其中包括一些新的语义/结构元素。这些新元素可以更好地描述页面内容的结构和意义,使得开发者能够更好地进行页面设计和优化。
108 0
|
移动开发 Java HTML5
HTML5 学习2.网页基本标签
HTML5 学习2.网页基本标签
|
前端开发
HTML5-10(CSS布局)
HTML5-10(CSS布局)
85 0
HTML5-10(CSS布局)
|
前端开发 容器

热门文章

最新文章