Html 我如何让我的CSS div到"；棍子；即使在水平和垂直调整浏览器大小的情况下，是否仍将其移动到背景图像上的同一点？_Html_Css

Html 我如何让我的CSS div到"；棍子；即使在水平和垂直调整浏览器大小的情况下，是否仍将其移动到背景图像上的同一点？

html css

Html 我如何让我的CSS div到"；棍子；即使在水平和垂直调整浏览器大小的情况下，是否仍将其移动到背景图像上的同一点？,html,css,Html,Css,我基本上希望div（红点）保持在世界地图上的同一位置，因此我不希望在垂直和水平调整浏览器大小时div移动。我不确定我是否需要关注div属性或背景下面是我的CSS代码，也欢迎对我的CSS代码的任何反馈！我是网页设计新手，谢谢！：这是我的HTML： <!DOCTYPE html> <html lang='en'> <head> <meta charset="utf-8"> <link rel="styl

我基本上希望div（红点）保持在世界地图上的同一位置，因此我不希望在垂直和水平调整浏览器大小时div移动。我不确定我是否需要关注div属性或背景

下面是我的CSS代码，也欢迎对我的CSS代码的任何反馈！我是网页设计新手，谢谢！：

这是我的HTML：

<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <title>My World</title>

    </head>

    <body>

        <div id="home" class="home">
            <div id="dallas" class="box, dallas"></div>
            <div id="hongkong" class="box"> </div>
            <div id="capetown" class="box"></div>
            <div id="seoul" class="box"></div>
            <div id="mumbai" class="box"></div>
            <div id="northampton" class="box"></div>
            <div id="sanfrancisco" class="box"></div>
            <div id="newyork" class="box"></div>
        </div>

    </body>

        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="interactive.js" type="text/javascript" charset="utf-8"></script>
</html>

.home{
位置：相对位置；
}

我想你必须把它放在固定的位置：如果你想确保它们不会移动，你可以试试

position:fixed;

这将是在css中的点。这不会将点移动到页面上的任何位置。

只需在

.home

分区上设置一个固定的宽度即可。例如-

.home{
    width: 720px;
}

你能不能也给我们看看你的html，最好是JSFIDLE或类似的格式？我已经添加了我的html，谢谢你的帮助！

.home{
    width: 720px;
}