将div元素移动几个像素

时间:2017-10-02 10:15:28

标签: html css frontend

我是前端开发的新手,所以如果问题太基础,请耐心等待。 我想要实现的是非常类似于以下问题:

如何将SO网站上的搜索栏向左移动而不影响其他元素?我不能使用 margin-left 属性,因为这样也会移动其他元素。有没有办法实现这个目标?谢谢!

3 个答案:

答案 0 :(得分:2)

您可以使用margin-left negative + margin-right positive;

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

答案 1 :(得分:1)

您可以使用transform属性执行此操作 使用transform: translateX(n px/vh/vw/em)

这不会影响其他元素。

还有另一种方法可以做到这一点:

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

注意:在这两种情况下,只会移动屏幕上的图形渲染。该元素将以其原始位置存在。

答案 2 :(得分:1)

取决于你的情况:我会说尝试添加“position:relative;”& “右:10px”,例如

我希望这有帮助!