Html - Footer

<style>

#footer {
    padding: 20px;
    text-align: center;
    background-color: #666;
    border-top: 1px solid #ccc;
    color: #ccc;
}
</style>

<footer id="footer" class="text-muted">
    <div class="container">
        <p>企业培训 | 合作事宜 | 版权投诉</p>
        <p>苏ICP备12345678. © 2009-2016 瓢城企训网. Powered by Bootstrap.</p>
    </div>
</footer>
时间: 2024-10-07 12:00:30

Html - Footer的相关文章

第20天:京东nav、footer部分制作

一.鼠标的4种状态 cursor:pointer; 鼠标变成小手cursor:default;小白cursor:move;移动cursor:text;文本输入 二.网页布局:1.input.button行内块元素之间有空隙,设置浮动可以清除空隙2.给一个盒子:宽度高度.背景边框.位置3.背景既有图片也有颜色设置:background:url(images/1.jpg) no-repeat red;只有背景颜色:background-color:#ccc; 4.块级元素可以嵌套任何元素,行内元素尽

sticky footer布局,定位底部footer

其作用就是当内容区域比较少时,让footer也能正常定位到底部,以前我们使用js来达到这种效果,其实用css也是完全可以的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sticky footer</title> <style type="text/css"> /* 第一

Footer固定在页面底部(CSS)

<style type="text/css"> #wapper{ position: relative; /*重要!保证footer是相对于wapper位置绝对*/ height: auto; min-height: 100%; } #main-content{ background:grey; padding-bottom: 60px; /*重要!给footer预留的空间*/ } #footer{ background: green; width: 100%; posit

你必须了解的RecyclerView的五大开源项目-解决上拉加载、下拉刷新和添加Header、Footer等问题

前段时间做项目由于采用的MD设计,所以必须要使用RecyclerView全面代替ListView.但是开发中遇到了需要实现RecyclerView上拉加载.下拉刷新和添加Header以及Footer等需求问题,现将问题解决中用到的五大开源项目总结下来,方便他人. 首先介绍下RecyclerView,RecyclerView相比ListView增加了很多新特性: ? Adapter中的ViewHolder模式 - 对于ListView来说,通过创建ViewHolder来提升性能并不是必须的.因为L

CSS让footer保持在页面底部

序:当希望将footer保持在页面底部(即使页面内容高度低于窗口高度),可以尝试下面的方法.. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>CSS让footer保持在页面底部</title> <style type="text/css"> * { margin:

footer 置于页面底部的不解

网上关于如何将 footer 置于页面底部的文章太多了,我也照着做了几个,但效果不理想,总是有各种各样的问题. 一般的原理都是将 footer 的相对于包含元素绝对定位,而包含元素的高度为百分比. 原理很清晰,但我总是看不懂那些案例的代码. 我试着按照这个原理,自己写了一个,发现在 Chrome 39 和 IE11 下都能正常运作. HTML: <body>...<div class="wrapper"> </div> <footer>.

网站设计:将Footer固定在浏览器底部

在设计网站的时候,如果你某个页面的内容没有满屏,那你的footer会离浏览器底部很远,整体看起来很难看,这里用JavaScript提供一种方法来将footer固定在浏览器底部. function fixFooter(){    var mainHeight = document.getElementById('main').offsetHeight;    var  height = document.documentElement.clientHeight                   

remote: ERROR: missing Change-Id in commit message footer

remote: ERROR: missing Change-Id in commit message footer [摘要:git 提交到近程版本库失足:remote: ERROR: missing Change-Id in commit message footer 那里报错实际上是由于设置装备摆设的时间出有猎取一个“钩子”的器械,由于当地提交到近程版本库的时间中央借要经由] git 提交到远程版本库出错:remote: ERROR: missing Change-Id in commit m

HTML5 footer固定的解决方案

最近遇上个郁闷的事,前端妹纸离职去了驴妈妈旅游网,本来手里安卓和后端的活就来不及干,这下好了,前端离职,自己就得兼任前端,遇坑填坑吧. 妹纸也就刚毕业半年多,写的代码可维护性也不是特别好,妹子主要布局是没啥问题 <body> <header></header>//头 <article></article>//内容 <footer></footer>//尾 <div></div>//隐藏层,用于显示加