Fatal编程技术网
  • html/
  • 将文本/元素放置在HTML文档的右侧

将文本/元素放置在HTML文档的右侧

html css

将文本/元素放置在HTML文档的右侧,html,css,position,Html,Css,Position,所需内容：将文本或元素粘贴到文档右侧，而不是窗口 但是，如果当前没有实现（position:absolute；right:0；），当我调整窗口的大小时，文本始终保持在窗口的右侧，甚至会显示一个滚动条（因为顶部的元素具有固定的宽度）。当我向右滚动时，文本不再右对齐 以下是一个例子： 请注意，我无法控制container1。任何人都可以使用CSS解决这个问题。将容器2放在容器1中，使容器1的位置相对。将容器2放在容器1中，使容器1的位置相对。您可以使用：after伪元素，并将其放置在元素的右侧。当

所需内容：将文本或元素粘贴到文档右侧，而不是窗口

但是，如果当前没有实现（
position:absolute；right:0；
），当我调整窗口的大小时，文本始终保持在窗口的右侧，甚至会显示一个滚动条（因为顶部的元素具有固定的宽度）。当我向右滚动时，文本不再右对齐

以下是一个例子：

请注意，我无法控制container1。任何人都可以使用CSS解决这个问题。

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

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

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

演示：

代码：

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;
}

正文{
宽度：70%；
高度：200px；
位置：相对位置；
}
正文：：之后{
内容:"这一条坚持权利",；
宽度：100px；
位置：绝对位置；
右：-120px；
排名：0；
}
您可以使用
：after
伪元素，并将其放置在
元素的右侧。当然，只有在为
元素设置了固定的/min宽度时，这一点才会明显

演示：

代码：

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;
}

正文{
宽度：70%；
高度：200px；
位置：相对位置；
}
正文：：之后{
内容:"这一条坚持权利",；
宽度：100px；
位置：绝对位置；
右：-120px；
排名：0；
}
不确定我是否完全理解您对container1的控制，但是如果您对每个类应用display:inline块，文本将显示在container1的右侧

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

您可能要查找的是
位置：固定
而不是
位置：绝对
？您可能要查找的是
位置：固定
而不是
位置：绝对
？谢谢！但是我无法控制
容器1
。请尝试用另一个具有相对/固定/绝对位置的div包装容器2。您能举个例子吗？谢谢！但是我无法控制
容器1
。请尝试用另一个具有相对/固定/绝对位置的div包装容器2。您能举个例子吗？谢谢！我也不能控制身体。谢谢！我也无法控制
正文
。container1存在的基本原因是定义文档的最小宽度。不幸的是，我无法移动container1中的文本。container1存在的基本原因是定义文档的最小宽度。不幸的是，我无法移动container1中的文本。