HTML，CSS - 身体因未知原因而水平超出屏幕

Question

我正在experimental.danielhons.de下创建一个网站，但在使用小型设备（如移动设备或缩小浏览器窗口宽度）进行查看时会遇到问题。

在某些时候，页面可以水平滚动，右边有一个空格。

使用Firebug，我看到它是超出屏幕的body-tag，但是我使用了这个css：

html, body {
    max-width: 100%;
    overflow-x: hidden;
    overflow:hidden;
}

如何防止页面水平滚动？ Screeshot with overflow:auto

Answer 1

添加此css

public JsonResult GetRoles(string term)
    {
        var RoleListVal = db.Roles.Where(r => r.Deleted == false)
            .Where(r => r.Name.ToUpper().StartsWith(term))
            .Select(r => new { label = r.Name, id = r.RoleID,value=r.RoleID }).Distinct().ToList();
        return Json(RoleListVal, JsonRequestBehavior.AllowGet);
    }

Answer 2

我可以清楚地看到您在身体标签上设置了overflow: scroll;。 您可以使用overflow-x:hidden;。

仅覆盖特定于x轴的规则