CSS 在 FF 和 IE 中的位置不同

发布于 2024-07-23 01:53:25 字数 472 浏览 6 评论 0原文

我试图将页面上的某些元素定位在绝对位置。我使用了以下测试代码（我用 [] 替换了 <> 来完成 HTML 清理器）：

<body>
  <div style="position=absolute; top=100px; left=100px"> HELLO 100,100</div>
  <div style="position=absolute; top=200px; left=100px"> HELLO 200,100</div>
  <div style="position=absolute; top=0px; left=0px"> HELLO 0,0</div>
</body>

这完成了 IE 中显然应该做的事情，但只是在 FF (3.0 ）。我知道 CSS 支持变化很大。我错过了什么，有没有更标准的方法来做到这一点？

原文

I am trying to position some elements on a page at absolute positions. I used the following test code (I replaced the <> with [] to get through the HTML cleaner):

<body>
  <div style="position=absolute; top=100px; left=100px"> HELLO 100,100</div>
  <div style="position=absolute; top=200px; left=100px"> HELLO 200,100</div>
  <div style="position=absolute; top=0px; left=0px"> HELLO 0,0</div>
</body>

This does what it is apparently supposed to do in IE, but simply flows the divs one below each other in FF (3.0). I know CSS support is pretty variable. What am I missing, and is there a more standard way to do this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我的痛♀有谁懂 2024-07-30 01:53:28

尝试将 = 替换为：

<div style="position:absolute; top:100px; left:100px"> HELLO 100,100</div>
<div style="position:absolute; top:200px; left:100px"> HELLO 200,100</div>
<div style="position:absolute; top:0px; left:0px"> HELLO 0,0</div>

Try replacing the = with :

<div style="position:absolute; top:100px; left:100px"> HELLO 100,100</div>
<div style="position:absolute; top:200px; left:100px"> HELLO 200,100</div>
<div style="position:absolute; top:0px; left:0px"> HELLO 0,0</div>

回复收藏 0 原文

定格我的天空 2024-07-30 01:53:27

问题是你的 CSS 语法。

而不是：

position=absolute;

put

position: absolute;

如果您想在另一个标签内进行绝对定位，请将外部标签设置为相对定位：

<div style="position:relative;">
  <div style="position:absolute;bottom:0;right:0;">
    This will be positioned in the bottom-right of the outer div.
 </div>
</div>

The problem is your CSS syntax.

Instead of:

position=absolute;

put

position: absolute;

If you want absolute positioning within another tag, set the outer tag to be relatively positioned:

<div style="position:relative;">
  <div style="position:absolute;bottom:0;right:0;">
    This will be positioned in the bottom-right of the outer div.
 </div>
</div>

回复收藏 0 原文

~没有更多了~