thml粘连布局
2024-10-07 22:59:22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <title></title>
<style type="text/css">
*{
margin: ;
padding: ;
}
#footer{
height:50px; background: darkred;
text-align: center;
margin-top:-50px;
}
/* 框架撑起来*/
html,body{
height: %;
}
#wrap{
min-height: %;
background: pink;
}
/*重点代码,主元素增高挤压下面元素*/
#wrap .main{
padding-bottom: 50px;
}
</style>
</head>
<body>
<div id="wrap">
<div class="main">
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
main增高一定高度后footer也跟着增<br />
</div>
</div>
<div id="footer">
footer
</div>
</body>
</html>
最新文章
- Postgresql死锁处理
- 20145320 《Java程序设计》第七周学习总结
- Hessian 初探
- Android View自动生成插件
- ahjesus 捕获entity framework生成的sql语句
- 算法:最大子数组own
- JS基本类型和引用类型的值
- usb驱动开发篇简易介绍
- 学会用这二个键,你就是电脑高手了,一个是Win键,另一个是Ctrl!
- [学习笔记] TensorFlow 入门之基本使用
- aX+bY+cZ=n(非负整数解存在性)
- JavaScript (一、ECMAScript )
- Eclipse报错Resource &#39;/.org.eclipse.jdt.core.external.folders/.link5&#39; already exists.
- Redux进阶(一)
- 最新阿里云服务器免费SSL证书配置HTTPS的两种方法(图文教程二)
- R options scipen 控制科学计数法的显示
- rocketmq搭建趟坑记
- Ng第二课:单变量线性回归(Linear Regression with One Variable)
- mysql主从复制配置问题
- InputStream转换为String, byte[] data = new byte[1024]详解
热门文章
- hdu多校第五场1004 (hdu6627) equation 1 计算几何
- hdu多校第一场1005(hdu6582)Path 最短路/网络流
- Web前端开发必备手册(Cheat sheet)
- Git查看历史记录的几种方法
- JS对象 字符串分割 split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit)
- 数据库MySQL--修改数据表
- 三角形的实现和盒模型、层模型、浮动模型、定位、权重、margin问题
- 一道Oracle子查询小练习
- JS基础知识回顾
- Flink SQL 系列 | 5 个 TableEnvironment 我该用哪个?