样式不适用于 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;

}

这是URL http://178.62.26.90/essentialweddinghire/public/home

Answer 1

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

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

Answer 2

无事可做只需从您的代码

中删除 padding-left: 0; 的 .nav

.nav {
 padding-left: 0;
}

这个问题在 mozilla 中也在这里。我想这会对你有所帮助。上面的答案也是正确的。时代给予

样式不适用于 Mac 但适用于 Windows

Styles not working on Mac but correct on Windows

html

css

windows

macos