html - 如何让一个div一直漂浮在同一个地方？

Question

我想要什么

• 我想让我的 div float ，并一直停留在那里 - 与此类似。

我有什么

我尝试过的

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;

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

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

参见 documentation对于 position 属性。