Html 如何在Bootstrap3中创建粘性页脚?
以下是我的主题的现状:Html 如何在Bootstrap3中创建粘性页脚?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,以下是我的主题的现状: 。我不想要一个固定的页脚,也不想要一个带有绝对位置的粘性页脚,我只想用页脚颜色填充可怕的部分,我认为显示:表行会起作用,但不知道如何使用它。有人能帮我吗?以下是您要找的: .footer{ background-color:#000; color:#fff; position:absolute; bottom:0px; min-width:100%; } 我能想到的最简单的解决方案是制作一个内容容器,给它一个背景色,然后将主体设
。我不想要一个
固定的页脚,也不想要一个带有绝对位置的粘性页脚,我只想用页脚颜色填充可怕的部分,我认为显示:表行
会起作用,但不知道如何使用它。有人能帮我吗?以下是您要找的:
.footer{
background-color:#000;
color:#fff;
position:absolute;
bottom:0px;
min-width:100%;
}
我能想到的最简单的解决方案是制作一个内容容器,给它一个背景色,然后将主体设置为与页脚相同的颜色,如:
body {
background:#0F0;
}
#header {
background:#F00;
}
#container {
background:#FFF;
}
#footer {
background:#0F0;
}
这里是CSS表的简单结构
+表行
html,正文{
身高:100%;
}
身体{
显示:表格;
宽度:100%;
保证金:0;
}
页眉、主页眉、页脚{
显示:表格行;
}
标题{背景:粉红色;}
页脚{背景:浅绿色;}
标题
主要的
页脚
只需添加
position:absolute;
bottom:0px;
到.页脚
及
身体
更改页脚高度(n)
正文{
位置:相对位置;
保证金:0;
填充底部:100px;
字体系列:“Helvetica Neue”,Arial,无衬线;
}
.页脚{
位置:绝对位置;
右:0;
底部:0;
左:0;
高度:100px;
宽度:100%;
背景色:#EFEF;
文本对齐:居中;
}
Lorem ipsum door sit amet,一位杰出的领导者,他在劳动和生活中的时间是有限的。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
文本
不,您可能想看看Flexbox,您能告诉我怎么做吗?这在IE中得到了支持吗?这里有一个非常清晰的例子:这里的支持是一种棘手的方式,非常感谢
position: relative;
padding-bottom: (n)px;