使用相对于包装器div的保证金百分比而不是浏览器大小

时间:2011-10-26 10:06:05

标签: html css positioning

我需要使用css定位三个按钮。我目前正在使用margin-left:例如20%。但是,当我更改浏览器窗口大小时,按钮会从原始位置移开。

这是我网站的链接:http://www.iamjoetaylor.co.uk

其他元素都保持在正确的位置,我需要做什么?

由于

3 个答案:

答案 0 :(得分:0)

问题是你在包含该元素的3个div上使用position:absolute。在我看来,您应该使用position: relative

重写规则以实现您想要的样式

答案 1 :(得分:0)

“position:absolute”元素的坐标和边距是从具有绝对位置或相对位置的最近父元素计算出来的。如果没有这样的元素,则从body元素计算它们。

如果要将按钮相对于#wrapper元素定位,则需要将#wrapper的位置设置为relative。

答案 2 :(得分:0)

将保证金设置为百分比是相对于父元素的大小。如果子弹列表的保证金要求无论浏览器窗口的大小如何都需要保持一致,只需使用px而不是%