码迷,mamicode.com
首页 > 其他好文 > 详细

在一个没有固定宽高的容器中,为什么设置position:absolute后就可以全屏显示了?

时间:2018-04-18 10:25:56      阅读:989      评论:0      收藏:0      [点我收藏+]

标签:span   数值   window   一个   原因   存在   移动端   col   场景   

此场景适用于移动端百分比布局,背景全屏显示。

在一个没有固定宽高的容器中设置背景,想要背景全屏显示,设置宽高100%后还需设置position:absolut;

原因:

absolute会脱离normal float, 即该元素会直接以root标签(类似window但不是<html>标签)进行参照,而root标签的高度存在具体数值, 即浏览器视窗高度, 有明确px值.

而relative不会脱离normal float, 他的height会直接依赖直接父元素(em单位也是), 所以百分比计算出来的高度是依照父元素继承的.

 

在一个没有固定宽高的容器中,为什么设置position:absolute后就可以全屏显示了?

标签:span   数值   window   一个   原因   存在   移动端   col   场景   

原文地址:https://www.cnblogs.com/crf-Aaron/p/8871923.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!