Web前端面试指导(十):元素定位有哪些?-创新互联

本题点评

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

创新互联是一家专注于成都网站制作、网站设计与策划设计,洛隆网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:洛隆等地区。洛隆做网站价格咨询:18982081108

解题思路

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前端面试指导(十):元素定位有哪些?

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:Web前端面试指导(十):元素定位有哪些?-创新互联
URL链接:http://ybzwz.com/article/jgoho.html