Webkit浏览器有时绝对定位

时间:2012-08-18 12:17:50

标签: css google-chrome safari position

我有一个网站,我在所有其他主流浏览器中测试过,运行正常。我的问题出现在WebKit浏览器(Safari 5.1.4和Chrome 21)上,我的文本在某些时候可以正常工作。如果我刷新10次,它可能正确定位两次。有趣的是,如果我放大浏览器,格式就会得到修复。

网站是:http://survey-snap.com/ssContact/ 元素是蓝色部分中的要点。

CSS:

.bulletpoints {
    padding-top: 30px;
    font-size: 1.11em;
}

.bulletpoints li {
    height: 56px;
    position: relative;
    padding-bottom: 17px;
}

.bulletpoints img {
    float: left;
    padding-right: 5px;
}

.bulletpoints span {
    position: absolute;
    top: 5px;
    width: 250px;
}

.bulletpoints p {
    margin-top: 10px;
    padding-left: 61px;
}

1 个答案:

答案 0 :(得分:0)

在阅读Absolutely positioned images in Chrome/Safari之后,我只是重新编写了该部分以删除定位并将其浮动。