Html Safari css链接不一致

Html Safari css链接不一致,html,css,safari,Html,Css,Safari,我对Safari有问题。在第二行的所有浏览器中,输入和链接位于同一行,Safari除外。知道为什么吗 HTML 特拉西乌: 纳斯洛夫一世泰克斯图 纳斯洛夫 有时浏览器、版本等之间可能存在1px的差异。这是因为您使用的是边距和浮动。在这种情况下,请改用display:inline block 演示 safari也没问题,只是检查了一下。Firefox()和Safari()不在我的情况下 <div id="searchWrapper01"> <div id=

我对Safari有问题。在第二行的所有浏览器中,输入和链接位于同一行,Safari除外。知道为什么吗

HTML


特拉西乌:
纳斯洛夫一世泰克斯图
纳斯洛夫

有时浏览器、版本等之间可能存在1px的差异。这是因为您使用的是边距和浮动。在这种情况下,请改用
display:inline block

演示


safari也没问题,只是检查了一下。Firefox()和Safari()不在我的情况下
<div id="searchWrapper01">
<div id="regulationsSearch">
    <span class="item01">Traži u:</span>
    <select class="item02">
        <option value="0">Naslovu i tekstu</option>
        <option value="1">Naslovu</option>
    </select>
    <input type="text" class="item03" /><a href="/#search" onclick="vent.trigger('loadData:searchRegulationsResults')" class="item04">Traži</a>
</div>
#regulationsSearch .item03{
    display: inline-block;
    position:relative;
    width:181px;
    height:24px;
    border:solid 1px #333;
    padding:0 5px;
    margin:5px 5px 0 0;
    outline:none;
}
#regulationsSearch .item04{
    display: inline-block;
    position:relative;
    width:60px;
    height:26px;
    text-align:center;
    line-height:26px;
    background-color:#333;
    color:#fff;
    text-decoration:none;
    margin:5px 0 0 0;
    font-size:12px;
}