在一个没有固定宽高的容器中,为什么设置position…

2018-06-24 02:22:07来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

原因:

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

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:论道HTML5 PDF扫描版

下一篇:HTML+CSS(11)