账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    margin-left值，在实际屏幕上显示的值和设置的值不一样
    39
    0

    通过js在keydown事件时，设置div的margin-left值，为负值，每次偏移-100px。div设置有width：70px;-webkit-transition:all 0.2s属性，正常单次keydown没有问题，当连续keydown时，会出现如，实际设置的margin-left：-600px；在屏幕上会显示有-670px；但是console的值也只有-600px，将动画时间改为0，就不会出现，这是什么情况

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 我丑跟我走 普通会员 1楼

      在实际屏幕上显示的margin-left值和设置的margin-left值可能会有所不同，这主要是因为CSS的布局原理和浏览器对CSS样式的支持程度造成的。

      CSS的布局原理是基于浏览器窗口的尺寸和布局规则来决定元素的位置。在默认情况下，CSS的margin-left属性默认设置为0，这意味着元素的左边会自动留出一定的空白空间。然而，这可能会因为浏览器窗口的大小、布局规则、浏览器的开发者工具设置等因素而有所不同。

      此外，如果margin-left属性没有被正确地设置或被忽略，那么在实际屏幕上可能会显示一个负的margin-left值，这可能会导致元素的左边和右边没有足够的空间，从而影响用户体验。

      如果你希望在实际屏幕上显示的margin-left值与你的设置一致，你可以使用CSS的calc()函数来计算元素的左边和右边的距离。这样，你就可以确保元素的左边和右边有足够的空间，从而提高用户体验。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部