2

我想要什么：将文本或元素粘贴到文档的右侧，而不是 window。

但是，如果当前没有实现 ( position: absolute; right:0;)，当我调整窗口大小时，文本总是停留在窗口的右侧，即使出现了滚动条（因为顶部的元素具有固定宽度）。当我向右滚动时，文本不再右对齐。

这是示例：

http://jsfiddle.net/N5jc9/

请注意，我无法控制 container1。任何人都使用CSS对此有很好的解决方案？

4

3 回答 3

0

您可以使用:after伪元素并将其放置在元素的右侧<body>。当然，只有当您为<body>元素设置了固定/最小宽度时，这一点才会很明显。

演示：http: //jsfiddle.net/PPtD5/2/

代码：

body {
    width: 70%;
    height: 200px;
    position: relative;
}
body::after {
    content: "This one sticks to the right of <body>";
    width: 100px;
    position: absolute;
    right: -120px;
    top: 0;
}
于 2012-10-01T19:05:08.243 回答
0

不确定我是否完全理解您对容器 1 的控制，但如果您将 display:inline-block 应用于每个类，则文本将显示在容器 1 的右侧

于 2012-10-01T19:09:12.920 回答
0

将容器 2 放入容器 1 中，并使容器 1 的位置相对。

于 2012-10-01T18:56:42.263 回答