Web前端面试指导(十):元素定位有哪些?-创新互联
本题点评
在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等都需要定位。所以本题的难易程度为简单。
创新互联是一家专注于成都网站制作、网站设计与策划设计,洛隆网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:洛隆等地区。洛隆做网站价格咨询:18982081108解题思路
position为元素定位属性,包含以下属性值
1. absolute绝对定位
相对位置为父元素为非static的第一个父元素进行定位。
2. fixed固定定位(老IE6不支持)
相对于浏览器窗口进行定位。
3. relative相对定位
相对于其正常(默认布局)位置进行定位。
4. static
默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index 声明)
加分项
所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位
absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序
absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,
-------------------------------------------------------------------------------------------
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前文章:Web前端面试指导(十):元素定位有哪些?-创新互联
本文链接:http://hbruida.cn/article/jgoho.html