我的按钮是这样描述的
<a href="website" class="button">Link 1</a>
现在我还有另外 4 个类似的按钮放在旁边的水平行中。
<a href="website" class="button">Link 2</a>
<a href="website" class="button">Link 3</a>
<a href="website" class="button">Link 4</a>
<a href="website" class="button">Link 5</a>
我想要 position: fixed;，因为我需要这些按钮位于导航栏上并且始终相对于浏览器窗口显示。
由于固定属性，我不能有 display:inline-block 或 display:inline;。
我不想复制按钮 5 次，每次只更改位置属性。我想我可以有一个通用类，它会指定按钮从页面顶部开始的高度，然后使用
<div style="right:10px;">
<a href="website" style="right: 50px;" class="button">Link 2</a>
</div>
这是行不通的，添加到 div 的任何容器或属性都不会影响按钮位置，即使其中没有说明正确的距离也是如此。
我知道我可以通过在我的 CSS 中为按钮设置多个不同的类来做到这一点，但是除了水平对齐之外它们将完全相同，这似乎是一种浪费的方式。
最佳答案
将导航栏作为一个整体进行修复(而不是单个导航项)。在那个固定的导航容器中，您可以使用内联 block
关于html - 尝试定位相对于观察点固定的多个重复元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37237760/