Jquery 网站右侧的空间

Jquery 网站右侧的空间,jquery,html,css,Jquery,Html,Css,我有一个奇怪的空间,我似乎无法摆脱我的网站。我花了几天的时间来搞乱css,试图使菜单栏覆盖100%的宽度,因为它是假设的,但无法解决它 通过智能手机访问网站时,它变得更加突出。我正在使用flex slider jquery插件处理图像,但根据客户的要求,我改变了它,根据高度而不是宽度重新调整大小 站点是确保html和正文设置为宽度:100%。您有一个CSS规则: body > div { padding: 2px; } 你的标题宽度:100%。因此,它比视口宽4倍。我已更改 &l

我有一个奇怪的空间,我似乎无法摆脱我的网站。我花了几天的时间来搞乱css,试图使菜单栏覆盖100%的宽度,因为它是假设的,但无法解决它

通过智能手机访问网站时,它变得更加突出。我正在使用flex slider jquery插件处理图像,但根据客户的要求,我改变了它,根据高度而不是宽度重新调整大小

站点是

确保html和正文设置为宽度:100%。

您有一个CSS规则:

body > div {
    padding: 2px;
}
你的标题宽度:100%。因此,它比视口宽4倍。

我已更改

<div id="logo" onclick="location.href='http://www.sgphotostudio.co.nz';" style="cursor: pointer;"></div> 

你可能在某些东西上有一个边距,比如身体,默认情况下有边距

最简单的方法是在Google Chrome中打开您的站点并检查元素,这将显示边距。

请提供一个页面,并在JSFIDLE或Codepen上提供一个演示,以便我们可以更好地帮助您。
<img src="../img/SGlogo.png" onclick="location.href='http://www.sgphotostudio.co.nz';" class="main_logo">
#menubar img.main_logo {
    border: medium none;
    cursor: pointer;
    float: left;
    height: 76px;
    margin: 6px 0 0 200px;
}
#menu {
    float: left;
    list-style: none outside none;
    margin-top: 34px;
    width: auto;
    z-index: 10;
}