如何使div始终位于浏览器窗口的最左侧?

时间:2010-07-19 05:46:53

标签: javascript css

我想让div始终显示在浏览器窗口的最左侧,],你能给我一些提示吗?

2 个答案:

答案 0 :(得分:5)

试试这个:

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

您可能还想将topbottom添加到其中,以便它不会位于屏幕顶部。

类似的东西:

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 */
}

答案 1 :(得分: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)*/
}