如何css设置div页面100%高度, body页面全高
效果图
div高度=全屏高度,背景色为渐变
核心代码
html, body {
height: 100%;
}
div.anyClassName {
height: 100%;
}
单纯的div {height: 100%;}是不行的,因为div的父级body的父级html默认高度是随内容变化。
完整方法
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>百度绿色版 - baidu.rudon.cn - 无广告新体验 - Rudon滨海渔村</title><style type="text/css" media="all">html, body {height: 100%;}div.anyClassName {height: 100%;}</style></head><body style="background: linear-gradient(to bottom, #E4EFE0 0%, #FFFFFF 90%);"><div class="anyClassName">Hello World!</div><div style="position: fixed; z-index: 100100; bottom: 10px; left: 0; text-align: center; width: 99%;"><a href="https://beian.miit.gov.cn">粤ICP备2021XXXX号</a></div></body>
</html>
如何css设置div页面100%高度, body页面全高相关推荐
- CSS设置div与屏幕高度一致
具体实现 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
- css设置div上下左右均居中 、底部居中
css设置div或盒子居中 #垂直居中 #左右居中 #底部居中 类型一:固定宽度高度 html代码 <div class="login_container"><d ...
- 在HTML中让边框变透明,如何用CSS设置DIV边框透明
如何实现用CSS设置DIV边框为透明呢?我们来看一看. 工具/材料 电脑 操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 ...
- css设置div不可编辑,css 怎么设置div不可点击
css设置div不可点击的方法:1.通过"event.preventDefault()"方法取消事件的默认动作:2.通过"event.stopPropagation()& ...
- html内容超出不自动滚动,css设置div滚动条内容不超过就不显示
css设置div滚动条内容不超过就不显示 实现内容不超出就不显示滚动条的效果,可以设置div的css样式为overflow:auto,当overflow取值为auto时,如果内容被修剪,则浏览器会显示 ...
- html代码字号div style=,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇 在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
- HTML如何修改span里面的字体颜色,怎么用span css设置div内部分字体颜色?
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
- html圆点边框颜色,css设置div边框颜色
div边框色调 css设置装备摆设div边框色采 使用css对div边框设置色采是思空见贯CSS花式设置装备摆设.对div边框颜色设置说需要css单词为border. 去领会干系教程:<CSS边 ...
- html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
- div怎么在css中设置字体大小,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇 在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
最新文章
- Linux 中的动态链接库和静态链接库是干什么的?
- 黑马程序员_Java基础GUI
- undefined reference to Mat_VarCreate'
- Git初学札记(四)————Git Push的常规操作与Pull冲突解决
- 4K屏幕+5500万像素摄像头,以成未来手机的一大趋势
- reduce python_python reduce()函数使用
- 25岁!零基础想转行做软件测试,可以吗?晚是不晚!
- 使用 Chrome Timeline 来优化页面性能 1
- 如何在C中调用C++的示例代码
- 查询某个分区是那张表_分库、分表、分区的区别
- ubuntu2004 安装protoc
- Multisim10.0.1汉化时没有stringfiles问题
- CMY和CMYK彩色模型
- 一根网线连接两台电脑,从而实现数据的传输
- 直播平台软件开发都使用了什么协议呢?
- linux下安装apache(详细教程)
- 【Redis】事务不保证原子性、没有隔离级别
- 企业非法集资风险预测
- 使用python语言调用科大讯飞离线语音合成
- ListView控件数据操作——添加表头和数据