html - 如何设置<div>标签的位置

标签 html

<分区>

我已经使用以下行设置标签的位置

<div id="myTestDiv" style="border: 2px solid rgb(100, 149, 237); color:#23238e; background-color:white; position:absolute; top:458px; left:605px; width:210px; height:162px; display:none" >

这个问题是,它在我的机器上工作正常,但是当我在其他机器上部署代码时,位置和样式(背景颜色)显示不正确...

有没有人知道如何为所有分辨率设置统一的 div 样式和位置

提前致谢

最佳答案

查看您的代码,我不明白为什么它在所有机器上的工作方式不同。

  1. 由于您对顶部和左侧的数字进行了硬编码,因此您在显示器上看到它的位置(位置)取决于显示器的尺寸。在你的屏幕上,它可能恰好出现在中心,但在更大/更小的屏幕上,它不会。它恰好出现在距离顶部 458px 和距离左侧 605px 的位置。尝试使用 % 值。

  2. 颜色差异可能是由于硬件,即。监视器的条件和设置。

关于html - 如何设置<div>标签的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6288036/

相关文章:

jquery - 使透明背景与网络自动收报机分开

c# - 用于 HTML 的正则表达式 C#

javascript - Web 组件 :host:hover

javascript - 我收到错误 Uncaught TypeError : Cannot set property 'onclick' of null

javascript - 4 个元素的高度相等

javascript - 如果从带有数据工具提示和标记中的 HTML 注释的 Knockout 自定义绑定(bind)调用,Foundation Reflow 会导致错误

html - Symfony 2 - 创建一个带有父实体过滤子实体选项的表单

html - css 上的奇怪故障悬停在链接上

html - 不居中向右滑出列表项

javascript - VueJS 中的 v-html 不起作用(空页面)