一、css宽高自适应原理:
宽度自适应:
1、body默认是块级,宽度是100%,当元素宽度不设置时会占满一行
2、子块级元素不设宽度时默认占满父元素,但是float和position元素必须设置宽,否则其宽度由内容决定
高度自适应:
1、浏览器默认高度是0,因此如果直接给body下元素设置高度为100%则其实际高度为0
解决方法:body,html{height:100%}
2、当父元素不设置高度时,如果子元素全部浮动,会出现高度塌陷问题
3、其余与宽相同
一、css宽高自适应原理:
宽度自适应:
1、body默认是块级,宽度是100%,当元素宽度不设置时会占满一行
2、子块级元素不设宽度时默认占满父元素,但是float和position元素必须设置宽,否则其宽度由内容决定
高度自适应:
1、浏览器默认高度是0,因此如果直接给body下元素设置高度为100%则其实际高度为0
解决方法:body,html{height:100%}
2、当父元素不设置高度时,如果子元素全部浮动,会出现高度塌陷问题
3、其余与宽相同