V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
pein
V2EX  ›  前端开发

一个诡异的前端问题,崩溃了

  •  
  •   pein · 2015-07-10 14:46:25 +08:00 · 2701 次点击
    这是一个创建于 3413 天前的主题,其中的信息可能已经有所发展或是发生改变。

    页面地址 http://www.kuitao8.com/demo/20131229/1/matrix-admin/grid.html
    http://ww2.sinaimg.cn/large/69e23056gw1etxo3dgyucj20ch0ezt93.jpg
    如上图,这是一个基于bootstrap的后台模版,这玩意在手机上和PC最小窗口模式时,最右边会莫名奇妙空出一段距离,按F12也看不出什么名堂来,百思不得其解,有木有前端大牛能解释解释为什么会空出这段距离?是由什么造成的?我的浏览器是Chrome

    15 条回复    2015-07-10 19:54:21 +08:00
    Pete
        1
    Pete  
       2015-07-10 14:48:38 +08:00 via Android
    我也遇到过但是我现在爪机无法回答你…
    pein
        2
    pein  
    OP
       2015-07-10 14:50:08 +08:00
    @Pete 跪求点拨~~我快崩溃了
    lingyired
        3
    lingyired  
       2015-07-10 14:54:00 +08:00
    这是根源: #user-nav
    lingyired
        4
    lingyired  
       2015-07-10 14:54:30 +08:00   ❤️ 1
    #user-nav .nav
    这个
    paloalto
        5
    paloalto  
       2015-07-10 14:55:06 +08:00   ❤️ 1
    #user-nav .nav 的 margin-left 为负数,改为 0 即可
    paloalto
        6
    paloalto  
       2015-07-10 14:55:45 +08:00
    lingo
        7
    lingo  
       2015-07-10 14:58:50 +08:00   ❤️ 1
    #user-nav > ul
    margin-left:20%!important;
    lingo
        8
    lingo  
       2015-07-10 14:59:11 +08:00
    楼上两个真快。。。
    Pete
        9
    Pete  
       2015-07-10 15:01:50 +08:00
    楼上已经找到了哎 一开始我以为是body的css没写对呢。。。
    yangg
        10
    yangg  
       2015-07-10 15:02:51 +08:00   ❤️ 1
    @media (max-width: 480px)
    #user-nav > ul 这个选择器的 margin去掉就可以了
    pein
        11
    pein  
    OP
       2015-07-10 15:03:17 +08:00
    @paloalto 改为0那一栏就直接没了。。。
    pein
        12
    pein  
    OP
       2015-07-10 15:20:39 +08:00
    @yangg 去掉那一栏也没了。。
    gamexg
        13
    gamexg  
       2015-07-10 15:36:57 +08:00
    已解决?
    我这里一切正常 chrome 43 + IE 11
    pein
        14
    pein  
    OP
       2015-07-10 16:41:43 +08:00
    @lingyired
    @paloalto
    @lingo
    @yangg
    @gamexg
    感谢,已解决。
    1. 将matrix-style.css中#user-nav > ul的margin-left属性去除
    2. 将matrix.js中修改#user-nav > ul的margin-left属性赋值为0
    paloalto
        15
    paloalto  
       2015-07-10 19:54:21 +08:00
    感觉这种抢答题可以多来一些。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5365 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 05:45 · PVG 13:45 · LAX 21:45 · JFK 00:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.