HTML如何将对象保持在相同位置

时间:2014-04-11 04:17:09

标签: html css html5 css-float html5-canvas

我有一个html网页,我在这个页面里有一个表。我试图把它放在中间一定距离。 (我有一个小外星生物作为背景图像,看起来好像他拿着这张桌子)。我使用绝对定位,例如:

上:20%,右:10%。

当我上传网页时,它位于一个显示器上的一个位置,然后当我使用更大的屏幕显示器时,该表位于不同的位置。无论显示器有多大,我该如何防止这种情况发生;无论怎样,桌子还在一个地方?我的网页没有任何滚动条,所以一切都在一个显示器上,无需滚动。也许我必须使用相对或静态或固定定位?我不知道谢谢你的帮助

<table style="position: absolute; top:20%; right:10%" width=60% border="1">

2 个答案:

答案 0 :(得分:2)

您应该使用实际的像素值。由于您使用的是百分比,因此会根据屏幕大小而改变。同时使其相对于左边缘而不是右边缘,除非您尝试排列的图像向右浮动。

做类似的事情:

<table style="position: absolute; top:50px; left:100px" width=100px border="1">

答案 1 :(得分:1)

您可以将媒体查询用于不同的分辨率。看看http://css-tricks.com/resolution-specific-stylesheets/