【问题标题】:Moving a div element left by a few pixels将 div 元素向左移动几个像素
【发布时间】:2017-10-02 10:15:28
【问题描述】:

我是前端开发的新手,如果问题太基础,请多多包涵。 我想要实现的与以下问题非常相似:

如何在不影响其他元素的情况下将 SO 网站上的搜索栏向左移动?我不能使用 ma​​rgin-left 属性,因为这也会移动其他元素。有什么办法可以做到这一点?谢谢!

【问题讨论】:

    标签: html css frontend


    【解决方案1】:

    你可以使用margin-leftnegative + margin-right positive;

    margin-left: -10px;
    margin-right: 10px;
    

    【讨论】:

    • 或者只是transform: translateX(-10px);...
    • 是的,有很多方法可以做到。偶数位置相对+左;
    • 解决了。谢谢你们。这个问题被否决了。
    【解决方案2】:

    您可以使用transform 属性来做到这一点。
    使用transform: translateX(n px/vh/vw/em)

    这不会影响其他元素。

    还有另一种方法:

    • 为所需元素指定相对位置
    • 并使用topleft属性修改位置。

    注意:在这两种情况下,只有屏幕上的图形渲染会发生变化。该元素将出现在其原始位置。

    【讨论】:

      【解决方案3】:

      取决于您的情况:我会说尝试添加“位置:相对;” & “right: 10px” 例如

      我希望这会有所帮助!

      【讨论】:

        猜你喜欢
        • 2016-03-24
        • 1970-01-01
        • 2011-11-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-12-27
        • 1970-01-01
        相关资源
        最近更新 更多