温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Web前端面试指导(十):元素定位有哪些?

发布时间:2020-07-28 10:53:00 来源:网络 阅读:377 作者:智学无忧1 栏目:开发技术

本题点评

在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等都需要定位。所以本题的难易程度为简单。

解题思路

position为元素定位属性,包含以下属性值

1. absolute绝对定位

相对位置为父元素为非static的第一个父元素进行定位。    

 Web前端面试指导(十):元素定位有哪些?

2. fixed  固定定位(老IE6不支持)

相对于浏览器窗口进行定位。  

 Web前端面试指导(十):元素定位有哪些?

3. relative相对定位

相对于其正常(默认布局)位置进行定位。

 Web前端面试指导(十):元素定位有哪些?

4. static

默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index 声明)

加分项

  1. 所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位

  2. absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序

  3. absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,

 Web前端面试指导(十):元素定位有哪些?

-------------------------------------------------------------------------------------------



向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI