css布局之版权信息

要实现这样一个功能：

版权信息永远位于main页面的底部，当main页面内容不满屏时，footer部分依旧处于视窗的下方。

<div class="main"><div class="inner"><div class="main-content">主要内容<div><footer>版权信息<footer></div>
<div>

.inner {display: flex;flex-direction: column;justify-content: space-between;//height: calc(~"100vh - 100px"); // less的写法height: calc(100vh - 100px);  // css的写法// 100px是头部的高度，视情况修改
}

如果有更好的实现方式，欢迎留言~

css布局之版权信息相关推荐

CSS 布局:40个教程、技巧、例子和最佳实践
前言: 布局是WEB开发一个重要的课题,进入XHTML/CSS后,使用TABLE布局的方式逐渐淡出,CSS布局以众多优点成为主流,本文将介绍40个基于CSS的web布局的资源和教程.文章的出处在htt ...
3.实战HTML+CSS布局（实例入门篇）
转自:https://www.cnblogs.com/hmyprograming/archive/2012/03/23/2414373.html 学习这篇入门教程我们假定你已经具有了一定的HTML基础 ...
网页图表Highcharts实践教程标之添加题副标题版权信息
网页图表Highcharts实践教程标之添加题副标题版权信息 Highcharts辅助元素辅助元素图表的非必要元素,如标题.版权信息.标签.载入动态.它们不和图表数据发生关联,只是额外说明一些基本 ...
CSS布局教程：用DIV CSS实现国内经典式三行两列布局-CSS布局实例
我们碰到过很多的企业网站或其它小型的展示类网站,有一些共同的特点,即顶部放一个大的导航或BANNER,右侧是链接或图片,左侧放置内容,页面底部放置版权信息等.这样的形式是国内经典式的布局,我们这里不对 ...
Div+CSS布局入门教程(一) 页面布局与规划
在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础 ...
html让页面两边都留点空位,标记语言——CSS布局_HTML/Xhtml_网页制作
Chapter 12 CSS布局本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都依赖表格进行分栏布局,常常在表格之内嵌套其点击这里返回脚本之家 HTML教程 ...
DIV+CSS布局基本流程及实例介绍
都说用DIV+CSS布局来设计网站便于优化,容易被收录,那么你对DIV+CSS布局的用法是否了解?CSS布局是网页html通过DIV标签+CSS样式表代码开发制作的(html)网页的统称.DIV+CS ...
如何用div+css布局页面
如今web2.0炒的很厉害,先不去管它web2.0究竟是什么东西,反正div+css好像是火的不行了.各大知名站点都赶时髦似的把原来的表格布局翻新成了div+css,并美其名曰"本站符合we ...
css应该写在html语言的哪个标记里,CSS布局的选择题
1.如何能够定义列表的项目符号为实心矩形( ) A. list-type: square B. type: 2 C. type: square D. list-style-type: square D ...

css布局之版权信息

css布局之版权信息相关推荐

最新文章

热门文章