我正在创建一个具有完整图像背景的网站,我有许多想要放在顶部的图像,但是如果我对齐图像,那么它们在我的重新组合中看起来很好用屏幕较小或更大的人瞬间,图像看起来就像只是在上面ploop。
继承我的榜样 - http://www.xronn.co.uk/avatar
你知道我可以使用哪些方法,所以图像将站在所有屏幕的背景部分,或至少使它们看起来像样。
感谢
答案 0 :(得分:1)
要在特定位置显示HTML元素,您可以使用名为 绝对定位 的定位方法。这是通过将position
CSS属性设置为absolute
来完成的。在像你这样的情况下,最好使用margin
和float
属性来破解natura html流程,而这些属性并不是为了达到这种目的。
这使您可以将top
,left
,right
和bottom
用于绝对值。这四个属性指定元素边缘与其参考边缘之间的距离。引用是最近的祖先,其位置为relative
或absolute
。
您可以在px,em,%等中指定这些属性的值...
当然,出于显而易见的原因,您不会指定left
,width
和right
的2个属性,top
,{{1}也是如此}和height
。
在您的情况下,最好使用百分比指定bottom
属性和bottom
或left
。