Question

我的div定位有问题。在Windows上，每个浏览器都可以，但在MacOS上它是不同的。这是网站：http://www.pulbus.pl

问题出在主页和联系页面中。左下角接触的div位于蓝色标签下方。它低于窗口大约20px。

这是我的doctype：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

我的xhtml和css是有效的，我已经在w3验证器上检查了它们。

代码：

<div id="data">
    <span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/>
    ul. Waleniowa 7/3 <br/>
    85-435 Bydgoszcz <br/>
    <a href=" mailto: kontakt@pulbus.pl">kontakt@pulbus.pl</a><br/><br/>
    <span id="tel">tel: +48 500 100 333</div>
</div>

#data
{
    font-size: 12px;
    color: #003664;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 320px;
    font-family: Verdana, Helvetica, sans-serif;
    position: relative;
    top: -380px;
    right: 160px;
}

Answer 1

您似乎缺少结束标记

<div id="data">
    <span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/>
    ul. Waleniowa 7/3 <br/>
    85-435 Bydgoszcz <br/>
    <a href=" mailto: kontakt@pulbus.pl">kontakt@pulbus.pl</a><br/><br/>
    <span id="tel">tel: +48 500 100 333</span>
</div>

示例标记中缺少电话号码后的</span>

Answer 2

在Windows上我已经测试了我的网站：chrome，opera，即firefox 在Mac上：ff i safari

这真的很奇怪，也许某些字体问题还是那样的？有可能的？我现在没有snippset，这只是一个带有跨度的div，位置相对设置。

在MacOs上的css问题，在所有浏览器的Windows上都可以

2 个答案: