如何让div在任何时间都在同一个地方？

Question

我想要什么

• 我想让我的div浮动，并一直呆在那里 - 与此类似。

我拥有什么

我尝试了什么

PHP

<div id="nav-bar">
    <ul class="inline">

        <?php 

        foreach(array_unique(array_values($continent)) as $continent_id){


            if($continent_id == 1 ) $continent_name = "Europe" ;  
            elseif ($continent_id == 2 ) $continent_name = "Asia" ;  
            elseif ($continent_id == 3 ) $continent_name = "North America" ;  
            elseif ($continent_id == 4 ) $continent_name = "Oceania" ;  
            elseif ($continent_id == 5 ) $continent_name = "South America" ;  
            else  $continent_name = "Africa" ;  

            ?>



            <li><a href="#<?php echo $continent_name ?>"><?php echo $continent_name ?></a></li>

            <?php }?>

        </ul>
    </div>

• 注意id="nav-bar"

CSS

#nav-bar {
    width: 960px;
    margin: 0 auto;
    position: absolute;
    top: 100;
    left:200;
    z-index: 10;
}

Answer 1

position:fixed;

将此添加到您的div。并向上和向下滚动它也将是float.add z-index ..

Answer 2

尝试position: fixed;

position: absolute;将元素放在其最里面的定位父元素内的固定位置。它通常用于将元素放置在页面内的固定位置。

position: fixed;将其保持在视口（浏览器窗口）内的固定位置。

请参阅documentation position属性。

Answer 3

使用这些css-styles：

#navbar {
    position: fixed;
    left: 0;
    top: 0;
}

Answer 4

假设您在浏览器窗口中指的是同一个地方，则需要position: fixed;而不是position: absolute;。

Answer 5

您忘记将 px （计量单位）添加到顶部和左侧。 例如：

top:100px;
left:200px;

http://jsfiddle.net/70xvgsvt/1