4.3练习 page的width和height都设置成100%为什么就不显示了

问题一：4.2的视频中老师的page是width:100%;height:4043px;如果改成height100%，为什么就不显示了。但是nav-1中width和height都设置成100%却可以显示。

问题二：4.1视频中老师把body和html的width和height都设置成了100%不知道这个有什么作用。

问题三：为什么width设置成100%，而height却要设置成具体数值

陌然淡笑free 2018-05-04

源自：CSS定位（position） 4-3 编程练习

29

收起

2回答

卡布琦诺 2018-05-04 17:45:39

注意，这里老师是给html和body设置的高度100%，给html和body设置高度100%，默认就是浏览器窗口的高度，图片可以显示，而其他标签定义背景图片必须书写高度才可以显示

希望可以帮到你~

提问者陌然淡笑free #1

请问下body和html标签有什么区别，按理说html不是包含了body吗，为什么要分别给两个都设置属性。还有一个问题，有的时候去编剧老师是在全局选择器*里去除，有时却在body里去除，请问这两者有什么区别

2018-05-08 22:05:41
提问者陌然淡笑free #2

错别字了，是去边距*{margin: 0;padding: 0;}和body{margin: 0;padding: 0;}

2018-05-08 22:07:43
卡布琦诺回复提问者陌然淡笑free #3

1、元素高度百分比需要向上遍历父标签要找到一个定值高度才能起作用，如果中途有个height为auto或是没有设置height属性，则高度百分比不起作用，但是因为html标签代表的是整个窗口。因此需要设置html，body{} 2、*是全局样式，清除的是所有的标签的边距。

2018-05-09 10:04:25

提问者陌然淡笑free 2018-05-04 17:11:09

补下4.1老师视频中的图

相似问题

为什么把图片设为背景会显示不出来？

width: 100%; height: 100%;的问题

width: 100%; height: 100%;的问题

怎么理解图片宽度相对于浏览器100%显示和每个区域宽度相对于浏览器100%显示

这里css设置的height为100%，有点疑问

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载