如何对元素启动定位 (元素技巧)

本文目录导航：

• 如何对元素启动定位？
• XPath怎么依据一个元素定位另外一个元素？
• 网页设计中的定位有哪些？

如何对元素启动定位？

定位：相对定位

相关于一个元素的反常位置来对其定位。

定位：相对定位

经常使用相对值来对元素启动定位。

定位：固定定位

相关于阅读器窗口来对元素启动定位。

XPath怎么依据一个元素定位另外一个元素？

1、Xpath也可以经常使用元素的属性值来定位，以网络输入框和搜查按钮为例

2、经过id属性值来定位：注释：//示意在以后页面的某个目录下，input示意定位元素的标签名，[@id=kw]，示意这个元素的id属性值等于kw

3、经过name和class属性值来定位：假设不想指定标签名，则也可以用*替代，当然，经常使用Xpath不局限于id，name和class这三个属性值，元素的恣意属性值都可以经常使用，只需它是惟一的标识元素

4、层级与属性联合。假设一个元素自身没有可以惟一标识这个元素的属性值，那么咱们可以找到其上一级元素，假设它的上一级有惟一可以标识属性的值，也可以拿来经常使用

5、经常使用逻辑运算符。

假设一个属性不能惟一地域分一个元素，咱们还可以经常使用逻辑运算符衔接多个属性来查找元素。

例如，假设要查找第一行元素，则：

网页设计中的定位有哪些？

1. 静态定位（position: static） - 静态定位是自动值，象征着元素不会遭就任何不凡的定位成果，它们总是依据文档流启动定位。

2. 相对定位（position: absolute） - 经常使用相对定位的元素会齐全脱离文档流，并相关于最近的非static定位的父元素启动定位。

- 假设元素没有父级元素或许父级元素没有定位，那么它将相关于元素启动定位。

3. 相对定位（position: relative） - 相对定位的元素会相关于其反常位置启动偏移。

- 在嵌套结构中，假设子元素设置了相对定位，父元素理论须要设置相对定位，以确保子元素相关于父元素定位。

4. 固定定位（position: fixed） - 固定定位的元素会脱离文档流，并一直相关于阅读器窗口启动定位，即使页面滚动也不会移动。

- 这种定位模式罕用于创立顶部和底部的导航栏。