Web前端面试指导(十)：元素定位有哪些？
2024-09-27 22:10:32
本题点评
在web前端中，元素定位是必须掌握的，是网页制作的必备技能，也是衡量是否为一个合格的web前端开发的标准之一，在网页设计中，很多地方都需要使用定位，例如菜单弹出，提示信息层等都需要定位。所以本题的难易程度为简单。
解题思路
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，相对位置为相对定位容器的左上角内边框，
最新文章
- GJM ：SqlServer语言学习笔记
- iOS开发中的各种错误
- Android 异步Http框架简介和实现原理
- Html代码保存为Pdf文件
- git rebase 和 reset的区别
- PHP中Redis替代文件存储Session语句
- ios应用数据存储的常用方式 ios7.1应用沙盒
- Linux-TCP/IP TIME_WAIT状态原理
- jquery.validate.js
- 正整数的n次方求和
- Truncating HTML attribute value in SharePoint DataFormWebPart
- 欧拉计划·第四题
- seleium_元素定位
- linux(debian) arm-linux-g++ v4.5.1交叉编译 embedded arm 版本的QtWebkit (browser) 使用qt 4.8.6 版本 以及x64上编译qt
- windows android ndk的某些编译工具报错乱码0x5 或拒绝访问05
- 服务主机superFetch占用磁盘过多
- Hook Directx + CEGUI VC++
- splay训练
- 微软官方实例 RazorPagesMovie 在 asp.net core 2.1 版本下的实战
- DICOMDIR结构