如何在html中将元素设置在屏幕的左边缘？

Question

我有一个元素，宽度是固定像素或基于媒体查询的百分比。但我希望它的框边界右侧是屏幕的x坐标-1，所以它的右侧触摸屏幕左侧但不可见。我可以使用适用于百分比和固定像素宽度的css规则right或left的值吗？

由于

Answer 1

如果CSS3没问题，这套CSS规则可能会有效：

position:absolute;
left:0;
transform:translateX(-100%);

position和left取决于您的使用案例，但transform:translateX(-100%)会将您的元素向左移动所述元素的宽度。

Answer 2

试试这个：

.fixed {
    position: fixed;
    top: 1em;
    left: 1em;
}