<!DOCTYPE html> 设置百分比高度的问题
来源:互联网 发布:垓下歌与大风歌 知乎 编辑:程序博客网 时间:2024/06/06 14:17
今天碰到一个很奇怪的问题,我在给页面加上 <!DOCTYPE HTML> 声明以后
发现自己先前一些设置了高度百分比的div显示不出来了
我第一反应就是高度没了
于是我尝试吧百分比改成px
发现居然有能显示了
换成百分比发现还是没有,高度是0
最后想起来自己的父节点没有设置高度,因为H5的标准要求要参照父节点的高度
所以我一次给所有的父节点加上高度,但是还是不行
没办法百度了一下,
原来 html 和 body 也要设置高度才行
最后加上了这段代码
html,body {
height:100%;
}
果然好用!!!
需要注意的是:
1.html body 需要设置高度
2.父节点需要设置高度
阅读全文
0 0
- <!DOCTYPE html> 设置百分比高度的问题
- HTML给div设置百分比高度无效问题
- HTML学习之给div高度设置百分比不生效的问题(二)
- HTML给div设置百分比高度无效的解决方式
- Div高度的百分比问题
- 如何用"百分比"设置页面的高度
- css中子元素根据父元素设置百分比高度的问题。
- 关于表格高度在移动端某些应用内高度设置为百分比后不能被压缩问题的解决
- html根据宽的百分比设置高
- html 中关于添加doctype之后设置height:100%不起作用的问题
- ExtJS Viewport 高度百分比设置
- 让iframe的高度height也可以设置百分比数值
- 利用JS设置 元素 点面的百分比高度
- img 图片高度设置为百分比无效的解答
- HTML中的高度设置为百分数的问题
- <!Doctype html>对body高度影响
- HTML 的DOCTYPE 标签
- HTML DOCTYPE 的重要性
- 三极管原理
- Python shell清屏
- 支付宝的公钥和私钥
- 多图详解Spring框架的设计理念与设计模式
- 解决Echarts图表在div动态切换时不显示的问题
- <!DOCTYPE html> 设置百分比高度的问题
- angularJs $ocLazyLoad controller not function undefine
- spring的注解
- 使用JQuery的前端验证
- 新手安装laravel框架
- linux命令: chown
- nodejs访问sqlite3
- ArrayList、Vector、LinkedList的异同点
- download