如何将div放置在不移动页面的位置，但在调整浏览器大小时更改定位？

Question

我希望div在调整浏览器大小时向左或向右移动。但是，div应该在到达浏览器的左边缘时停止移动。

例如：apple.com facebook.com

这就是我现在所拥有的：

#someElement{
    background-image: url(images/someImg.png);
    width:200px;
    height:45px;
    position:absolute;
    right:68%;
    top:3px;
}

这会在调整浏览器大小时更改div的位置，但在到达左边缘时不会停止。

Answer 1

好吧，不是使用right:，为什么不使用left:？

left: 25%;

Answer 2

如果使元素的父元素相对定位。它将使内部元素相对于其父元素定位。

#someElementWrapper{
  position: relative;
}

#someElement{
  background-image: url(images/someImg.png);
  width:200px;
  height:45px;
  position:absolute;
}

Answer 3

您可以在body标签中设置最小宽度：

body {
    position: relative;
    min-width:100%;
    width: auto !important;
    width:100%;
}

这将阻止元素退出到左侧。