在html用div怎样写页脚,使用div+CSS将页脚始终控制在页面最下方的方法

tml和body的高度并不一定相同，在内容少的时候，body的高度要小于html，当然这只会出现在body中的内容所占的空间高度小于浏览器的视口高度的时候，此时html的高度大于body的高度。网页中的元素都是以body最为参考，所以有必要保持html和body的高度相同。

CSS Code复制内容到剪贴板

html,body{height:100%;}

第一种方法：在body中使用两个容器，包括网页的页脚和另外一部分(container)。设置container的高度为100%；页脚部分使用负外边距保持其总是在最下方。

CSS Code复制内容到剪贴板

html, body {

height:100%;

}

.fl {

float:left;

display:inline;

}

#container {

width:100%;

height:300px;

overflow:hidden;

height:100%;

border-bottom:70px#FFFFFFsolid;

}

.aside {

width:30%;

}

.article {

width:70%;

}

#footer{

height:50px;

width:100%;

clear:both;

margin-top:-50px;

border-bottom:1pxsolid#e0e0e0;

border-top:1pxsolid#e0e0e0;

}

XML/HTML Code复制内容到剪贴板

fddfv

容量：24M/2G

在html用div怎样写页脚,使用div+CSS将页脚始终控制在页面最下方的方法相关推荐

html页脚位置调整,将页脚始终控制在页面最下方的几种方法
html和body的高度并不一定相同,在内容少的时候,body的高度要小于html,当然这只会出现在body中的内容所占的空间高度小于浏览器的视口高度的时候,此时html的高度大于body的高度.网页 ...
html图片怎么放在页眉的中心,CSS/HTML-在页眉中组合文本和图像的正确方法
我倾向于用一种稍微不那么纯粹的方法来解决这个问题. 我将图像嵌套在h1中,以给出以下标记: This is the header 然后使用CSS定位相对的,图像 position:absolute ...
CSS实现页脚始终在页面底部
说明最近在布局自己的博客系统,我是想练练手把时下比较流行的前后端技术串起来.同时,我会把设计和编码过程中遇到的问题或值得分享的技术点.实现方式做下总结,记录下来.本篇就是第一篇,个人能力有限,不足之 ...
css怎样给网页加页脚,在移动Web页面中使用CSS固定页脚
一种单页应用的页面结构面向移动端的单页应用(Single Page Web Application),从页面代码上来说,会使用较一般网页不同的结构.单页应用并不是说应用只需要一个视图,而是说可以将组 ...
word从第3页开始设置页码为第一页_写论文、报告必会：快速让Word页码从第三页开始的方法...
我们在用word写论文.报告时, 前两页分别是封面和目录,是不需要插入页码的,我们需要的是从第3页起插入从1开始的页码. 下面一起跟做吧第一步光标放在第二页最后,页面设置 - 分隔符 - 下一页 ...
CSS：页脚紧贴底部
2019独角兽企业重金招聘Python工程师标准>>> 我的练习来源于<CSS揭秘>这本书第7章-41紧贴底部的页脚这部分内容以及书中提到的链接. 方案一描述:以下方案 ...
【Itext】7步制作Itext5页眉页脚pdf实现第几页共几页
itext5页眉页脚工具类,实现page x of y 完美兼容各种格式大小文档A4/B5/B3,兼容各种文档格式自动计算页脚XY轴坐标鉴于没人做的这么细致,自己就写了一个itext5页眉页脚工具类 ...
html 的页眉页脚,html – 带滚动条的页眉,页脚和内容的CSS布局
我需要以下webapp布局: +---------------------------------------------+ | header | +------------------------- ...
写出一个美观的表单页
如何写出一个美观的表单页前言最近做项目总能遇到各种各样,千奇百怪的需求.用bootstrap等ui框架不能满足客户需求.只能开动自己脑筋,自己写一些样式. 如何调整input样式(包括placeh ...

在html用div怎样写页脚,使用div+CSS将页脚始终控制在页面最下方的方法

在html用div怎样写页脚,使用div+CSS将页脚始终控制在页面最下方的方法相关推荐

最新文章

热门文章