html - 样式在 Mac 上不起作用但在 Windows 上正确

Question

我的搜索栏在 Windows 上运行良好，但在 Mac 上运行不佳，我们有 3 个不同的人试用过，他们反馈说搜索栏不在正确的位置

它应该是这样的:http://puu.sh/fxTdJ/a19ae11d62.jpg

这里是样式:

#search {
    position:relative;
    top:-30px;
}
#search div {
    padding-right:0;
}
#search button {
    height:33px;
    margin-top:1px;
    background:#666;
    color:#ccc;
    border:1px solid #666;
    border-radius:3px;

}

这是网址 http://178.62.26.90/essentialweddinghire/public/home

Answer 1

尝试在您的 css 中将 clear:both 赋给 #search:

#search {
    clear: both;
    position: relative;
    top: -30px;
}