如何正确定位图像,html css

时间:2012-12-17 18:13:35

标签: html css image

我正在创建一个具有完整图像背景的网站,我有许多想要放在顶部的图像,但是如果我对齐图像,那么它们在我的重新组合中看起来很好用屏幕较小或更大的人瞬间,图像看起来就像只是在上面ploop。

继承我的榜样 - http://www.xronn.co.uk/avatar

你知道我可以使用哪些方法,所以图像将站在所有屏幕的背景部分,或至少使它们看起来像样。

感谢

1 个答案:

答案 0 :(得分:1)

要在特定位置显示HTML元素,您可以使用名为 绝对定位 的定位方法。这是通过将position CSS属性设置为absolute来完成的。在像你这样的情况下,最好使用marginfloat属性来破解natura html流程,而这些属性并不是为了达到这种目的。

这使您可以将topleftrightbottom用于绝对值。这四个属性指定元素边缘与其参考边缘之间的距离。引用是最近的祖先,其位置为relativeabsolute

您可以在px,em,%等中指定这些属性的值...

当然,出于显而易见的原因,您不会指定leftwidthright的2个属性,top,{{1}也是如此}和height

在您的情况下,最好使用百分比指定bottom属性和bottomleft