css--为什么你写的height:100%不起作用(面试总结)

其实这个是个很简单的问题,当面试官问到的时候,居然没能答出来,所以平时不仅要多开发些项目,还要勤于思考其原理,多问一些why

按照w3c中的width和height属性,可以明确%设定宽高时是根据父元素的宽高来的

height:100%;

%是一个相对父元素计算的来的高度,想要使它有效,我们需要设置父元素的height;

要特别注意的是的一点是,在, 还包括了.

所以我们要同时设置这两者的height,只设置其中一个是不行的

html,body {height:100%;margin:0;padding:0;}

你可能感兴趣的:(css)