在调整CSS样式时，经常需要找到某个元素在页面上的位置。以下是寻找地点的几种方法。
//示例代码
. header {
位置：固定；
顶部：0；
左：0；
}1。使用 Chrome 开发者工具
Chrome浏览器的开发者工具提供了非常方便的元素定位功能。
按 F12 打开开发者工具，然后在“元素”面板中选择要查找的元素。
您可以在样式面板中看到元素的所有样式，包括位置、顶部、左侧等位置属性。
// 使用 Chrome 开发者工具查找位置
2.使用 JavaScript
将以下 JavaScript 代码添加到页面：
//查找元素
const element = document.querySelector('.header');
// 获取位置
const { 顶部，左侧 } = element.getBoundingClientRect();
console.log(`top: ${top}, left: ${left}`);运行代码后，控制台会输出元素的位置。
3。使用 CSS 样式
您可以使用CSS样式中的outline属性来显示元素在页面上的位置。
将以下代码添加到您的 CSS 样式中：
//显示元素位置
. header {
轮廓：1px 纯红色；
}元素周围将出现红色边框，以便更容易看到其位置。
