300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > position的absolute;fixed;relative;static;inherit属性小结

position的absolute;fixed;relative;static;inherit属性小结

时间:2020-04-10 06:15:24

相关推荐

position的absolute;fixed;relative;static;inherit属性小结

之前的对position的理解就停留在常用的absolute及relative上,今天被面试官考到……觉得自己好菜。赶快了解使用了一下这些下设的属性。

absolute和relative之有提到过。今天着重思考一下fixed及static和inherit的属性内容;

position 是用来规定元素的定位类型。

1.fixed

这个类型是将元素钉在一个位置,哪怕网页一直滚动它还是会停留在规定的位置上,类似于有些网页的广告,相对位置是不变的。也有一些导航栏我想应该是用到了fixed;

以hao123为例,在滚动时,百度的搜索框一直都停留在页面顶端,那这个我想就用到了这个类型。

2.static

这个类型是默认的,如果没有指定position或为空,就等同该元素会停留在正常的html流中。

3.inherit

这个类型是继承父类所指定的position;并且inherit可以用于指定很多CSS的继承父类。例子如下:

div#menu{

border:2px solid black;

padding:5px;

}

div#menu div{

border:inherit;

padding:inherit;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。