您的位置：首页 > Web前端 > HTML

<!DOCTYPE html> 设置百分比高度的问题

2017-09-08 11:58 246 查看

今天碰到一个很奇怪的问题，我在给页面加上 <!DOCTYPE HTML> 声明以后

发现自己先前一些设置了高度百分比的div显示不出来了

我第一反应就是高度没了

于是我尝试吧百分比改成px

发现居然有能显示了

换成百分比发现还是没有，高度是0

最后想起来自己的父节点没有设置高度，因为H5的标准要求要参照父节点的高度

所以我一次给所有的父节点加上高度，但是还是不行

没办法百度了一下，

原来 html 和 body 也要设置高度才行

最后加上了这段代码

html,body {
height:100%;
}

果然好用！！！

需要注意的是：

1.html body 需要设置高度

2.父节点需要设置高度

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html CSS

相关文章推荐

新的分享

章节导航