首页 >

第10天:自适应高度

web前端|css教程第10天:自适应高度
第10天:自适应高度
web前端-css教程
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面):

Body

这里是#mainbox { MARGIN: 0px; WIDTH: 580px; BACKGROUND: #FFF; }包含了#menu,#sidebar和#content



这里是#content{ FLOAT: right; MARGIN: 1px 0px 2px 0px; PADDING:0px; WIDTH: 400px; BACKGROUND: #E0EFDE;}

这里是主要内容,根据内容自动适应高度

这里是主要内容,根据内容自动适应高度

这里是主要内容,根据内容自动适应高度



这个例子的页面主要代码如下:

2的源码下载,ubuntu图形获取权限,tomcat的服务器目录,图书爬虫isbn,武汉网站建设方案php,阿克苏搜索seolzw
c 药房管理系统源码,盒子怎么刷ubuntu,Tomcat窗口自动最小化,爬虫毕业ppt演示,php代码保护技术外包教程,seo计划推广lzw
mfc dll 源码,vscode 开发c,ubuntu 亮度,tomcat远程部署,h5 sqlite,大学网页设计证书,dedecms 栏目数据库,虚拟主机开服务器,云 微信插件,基于bootstrap的前端框架,爬虫违法吗,php长度,seo优化代理,springboot预连接,织梦文章自动分页标签,网站模板素材 火车,如何查看网页隐藏密码是多少个,版权证明模板,后台基本设置,在页面实现分页示例,后台管理系统静态页面,微信小程序仿京东lzw