使用CSS的position属性，可以实现固定定位。当我们将元素的position属性设置为fixed时，它将相对于浏览器窗口的位置进行定位，而不会受到滚动影响。但是，如果我们想要实现左右双定位，即同时将元素固定在左侧和右侧，就需要使用其他CSS属性和技巧来实现。
要实现左右双定位，我们可以使用CSS的left和right属性来分别定位元素的左侧和右侧。首先，我们需要将元素的position属性设置为fixed，使其相对于浏览器窗口进行定位。然后，我们可以使用left和right属性来设置元素相对于父元素的左侧和右侧距离。
下面是一段示例代码，演示了如何实现左右双定位：
<!DOCTYPE html>
<html>
<head>
<style>
.fixed-element {
position: fixed;
top: 0;
height: 100px;
background-color: #ccc;
color: #fff;
text-align: center;
padding: 10px;
}
.left-position {
left: 0;
}
.right-position {
right: 0;
}
</style>
</head>
<body>
<div class="fixed-element left-position">
<h2>左定位</h2>
这是一个左定位的示例元素，将在浏览器窗口的左侧固定显示。
</div>
<div class="fixed-element right-position">
<h2>右定位</h2>
这是一个右定位的示例元素，将在浏览器窗口的右侧固定显示。
</div>
</body>
</html>
在上面的代码中，我们定义了一个类名为fixed-element的样式，它具有固定定位、顶部0、高度100像素、背景颜色为灰色、文字颜色为白色、居中对齐和内边距10像素的样式。然后，我们定义了两个类名为left-position和right-position的样式，分别将左侧和右侧定位的样式应用到了两个固定定位的元素上。
通过将左侧定位的元素设置left: 0，可以将其固定在浏览器窗口的左侧。同样地，通过将右侧定位的元素设置right: 0，可以将其固定在浏览器窗口的右侧。
我们可以在上面的代码中进行测试，将其保存为一个HTML文件，然后在浏览器中打开该文件。你将会看到一个左侧定位和一个右侧定位的示例元素，它们会固定在浏览器窗口的左侧和右侧。
通过使用CSS的position属性和left、right属性，我们可以很容易地实现左右双定位。这对于创建固定在页面边缘的元素，如导航栏、广告栏等，非常有用。