位置:HTML5中的绝对值

时间:2011-07-26 08:43:43

标签: html html5

有没有问题如果我在HTML 5中使用position:absolue属性?

    position:absolute;left:somepx;top:somepx;

它适用于所有浏览器还是语法颠倒了?我正在使用

      <!doctype HTML> 

并使用图像和一些文本开发html,只需使用以下位置以良好的方式放置它们:绝对。我正在开发使用我的Internet Explorer可能是它的版本7我想是的。但我担心它会起作用其他浏览器,如mozilla和谷歌浏览器没有错误。它会在所有浏览器上保持相同的方式吗?因为stackoveflow或google任何网页在所有浏览器中看起来都是一样的。我只想知道他们遵循的标准,使它们在每个浏览器上看起来都一样。

请让我知道使用该职位是否有任何伤害或陷阱:绝对。谢谢你提前

4 个答案:

答案 0 :(得分:7)

您在构建网站时似乎犯了一些错误。

  • 使用绝对定位你不应该。使用position: absolute制作复杂的布局是不合适的。考虑寻找一些教程,以了解如何使用特别是floatclearmarginpadding CSS属性来构建布局。仅在明确要求的地方使用绝对定位。
  • 在网站开发期间使用非标准兼容的浏览器。 IE7是一款非常古老的浏览器,支持Web技术。这可能会导致您的网站仅在IE7中显示正常,并在其他所有浏览器中显示杂乱。您需要做的是在符合标准的浏览器中开发网站(无论使用哪种浏览器,只需确保使用最新版本),然后在旧浏览器中检查网站(并可能修复出现的错误)。不要忘记在访问者使用的所有浏览器中查看网站。与QuirksMode处的兼容性表格通常很有用。

回到原始问题,浏览器不区分HTML版本(只有标准和怪癖模式,但您不需要关心它们,因为您使用的是在所有浏览器中触发标准模式的doctype) ;所以没有什么需要注意的了。绝对定位应该(并且在大多数情况下,将会)在IE8 +和所有广泛使用的Firefox,Chrome,Safari和Opera版本中都能很好地工作。再一次,你应该在所有广泛使用的浏览器中测试你的网站;你会发现可能的浏览器错误和不兼容性。

答案 1 :(得分:1)

另一个有趣的事情是:

http://ie.microsoft.com/testdrive/HTML5/PositionedFloats/Default.html

它可能很快就会推出,并且可能会更好地满足您的需求。就目前而言,不要只使用Position:absolute,就像人们所说的那样,这是一种非常糟糕的定位方式,只能在非常特殊的情况下使用。

答案 2 :(得分:0)

嗯它与HTML5无关,它是基本定位。

要让您的网站在所有浏览器中显示相同的内容并不是一个简单的过程,您应该看一下重置样式表或者只是在很多浏览器中测试您的网站。
特别是旧版浏览器可以改变您的设计。

答案 3 :(得分:-1)

绝对定位是css3的一部分。 html5只是javascript + html + css的组合 具有独特的功能。 so.it应该适用于所有浏览器。但是所有浏览器将如何显示,你需要在最新版本中使用chrome,mozila,safari,opera等进行搜索。 浏览器兼容性可能会在一段时间内出现。所以,不用担心,最好还是去修改变种。