Html 使用CSS在站点上的特定位置设置DIV

我正在尝试使用以下代码在我的站点的特定are上放置DIV：

<div style="position: fixed; left: 780px; right: 0; width:285px; z-index:9999; display:block; top:60px; color: #000; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-shadow:0px 2px 5px #303030;">TEXT</div>

文本

它在我的屏幕上工作得很好，因为我的屏幕分辨率是1240px宽（记住小提示是我试图设置的DIV）：

然而，如果我在另一台计算机上以不同的屏幕分辨率看到该站点，它会改变显示位置，因为它从左侧设置为780px

有没有办法从中间而不是从左边（或右边）开始设置

---

谁可以这样做？

有一种简单的方法可以从中间定位：

CSS:

PS这只是回答你的问题，但我也倾向于@Hashem Qolami在评论中给出的建议

PPS

---

希望有帮助：）

有一种简单的方法可以从中间定位：

CSS:

PS这只是回答你的问题，但我也倾向于@Hashem Qolami在评论中给出的建议

PPS

---

希望它有帮助：）

由于您试图将元素定位在语言选择元素下面，请首先确保语言元素已明确定位（可能是

位置：相对的

），将“记住”元素作为语言元素的子元素，然后绝对定位它（看起来您选择的是

右：0；下：20px

或类似的东西）。

既然您试图将元素定位在您的语言选择元素下面，请首先确保语言元素已明确定位（可能是

位置：相对的

），确保“记住”元素是language元素的子元素，然后绝对定位它（看起来您要的是

右侧：0；底部：20px

或类似的东西）。

看起来您正在尝试重新发明轮子。您有两个选项：

修改您的代码：

<div style="position: fixed;  right: 20px /* or whatever you want */; width:285px; z-index:9999; display:block; top:60px; color: #000; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-shadow:0px 2px 5px #303030;">TEXT</div>

文本

请注意，这样您将始终显示该框，如果标题是固定的，这可能会很好，否则它在滚动上看起来会很糟糕，因为即使导航不在那里，它也会显示

另一种方法（例如，如果您有非固定导航）：

文本

---

底线是您需要从右而不是左轴定位元素

看起来您正在尝试重新发明轮子。您有两个选项：

修改您的代码：

<div style="position: fixed;  right: 20px /* or whatever you want */; width:285px; z-index:9999; display:block; top:60px; color: #000; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-shadow:0px 2px 5px #303030;">TEXT</div>

文本

请注意，这样您将始终显示该框，如果标题是固定的，这可能会很好，否则它在滚动上看起来会很糟糕，因为即使导航不在那里，它也会显示

另一种方法（例如，如果您有非固定导航）：

文本

---

底线是你需要从右而不是左轴定位元素

你能提供JS fiddle吗？或者链接你应该避免使用

固定的

值，而是

绝对的

值。你的页面中似乎有一个水平对齐的容器。尝试将

位置：相对的

添加到容器中，然后放置你的div在容器中具有

文本

，然后使用绝对定位来正确放置该div。看一看，这可能会对您的场景起作用…顺便说一句，如果@EnterateNorte会发布标记和css，并提供一些额外的信息，比如他是否能够更改它，或者他是否正在使用其他技术/库s就像js/jQuery一样，我们可以帮助他更多：）你能提供js-fiddle吗？或者链接您应该避免使用

固定值

值，而是使用

绝对值

。您的页面中似乎有一个水平对齐的容器。尝试将

position:relative

添加到容器中，并将包含

TEXT

的div放置在容器中，然后使用绝对定位来正确放置div。看一看，这可能会对您的场景起作用……顺便说一句，如果@EnteratNorte发布标记和css，并提供一些额外的信息，比如他是否能够更改它，或者如果他使用其他技术/库，如js/jQuery，我们将能够帮助他很多更多：）非常好。特别是如果标题也定位为

fixed

.D'accord@HashemQolami。在浏览器宽度遇到临界宽度断点的情况下，总是需要进行故障排除。但是，在特殊情况下，这可能是一个合适的解决方案。非常好。特别是如果标题也定位为

fixed

.D'accord@HashemQolami。在浏览器宽度遇到临界宽度断点的情况下，总是需要进行故障排除。但是，在特殊情况下，这可能是一个适当的解决方案。

<div style="position: absolute; right: 20px; width:285px; z-index:9999; display:block; top:60px; color: #000; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-shadow:0px 2px 5px #303030;">TEXT</div>