Как сделать div всегда слева от окна браузера?

Question

Я хочу сделать так, чтобы div всегда отображался в самой левой части окна браузера,], не могли бы вы дать мне несколько подсказок?

Answer 1

Попробуйте:

div#mydiv {
    position: fixed;
    left: 0;
}

Возможно, вы также захотите добавить к этому top или bottom, чтобы он не располагался вверху экрана.

Что-то вроде:

div#mydiv {
    position: fixed;
    left: 0;
    top: 200px; /* 200px from top */
}

или:

div#mydiv {
    position: fixed;
    left: 0;
    bottom: 200px; /* 200px from bottom */
}

или:

div#mydiv {
    position: fixed;
    left: 0;
    top: 50%; /* Half way down the side */
}

Answer 2

установить position на fixed и left на 0px

#fixedLeft{
    position:fixed; /* now it will stay fixed on the screen, even while you scroll*/
    left:0px; /* it will be stuck to the left*/
    top:50%; /* it will be in the middle (vertically)*/
}