Как можно расположить 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

Вы можете установить минимальную ширину в теге body:

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

Это остановит выход элемента влево.

Answer 3

Если вы сделаете родительский элемент элемента относительным.Это сделает внутренний элемент позиционированным абсолютным относительно его родителя.

#someElementWrapper{
  position: relative;
}

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