Question

我正在使用模板构建一个网站，该模板有一个样式表，但它一直在干扰我添加的内容，如谷歌地图或我网站上的其他自定义内容。如何制作标签

<div id="map_canvas"></div>

不从样式表继承任何样式，因此它只有高度和宽度。

我被迫把它放在文档的最后，然后使用margin-top：-400px和margin-left：350px来定位它。

Answer 1

请勿尝试从加载了所有其他CSS的主页继承此页面。仅加载要将CSS文件应用于此页面的{{1}}文件。

Answer 2

在div上使用一个类。例如，如果您有谷歌地图的div，您需要的CSS将如下所示：

#map_canvas.classNameHere{
position:absolute;
height: whatever you want;
left: whatever you want
width:whatever you want;
}

你定义div，然后把.classNameHere或你想要的类名称。然后，在html中，你会告诉样式表这个div是该类的一部分。

<div id="map_canvas" class="classNameHere">

这样，这个div只接受样式表中定义的div的属性，并且在div的名称后面带有.classNameHere。如果这没有回答你的问题，或者我误解了它，请告诉我。你的问题有点含糊不清。我真的不知道你已经拥有什么或究竟干扰了什么。如果它是另一个具有相同名称的div，那么这可能会起作用。如果它是一个在整个网站上都是常量的样式表，那么你真的应该为每个页面都有一个样式表，但是只要你为每个页面创建一个全新div的div，它就会起作用，所以你会有说4个div的定义，每个都有不同的类名。如果它是一个整体定义，如

*{stuff here;}

然后我忘记了班级是否会有所帮助。采取

中的内容可能会更安全

*{stuff here;}

并将其添加到您想要的每个div中。

如果您需要有关课程的更多帮助，请查看http://thenewboston.org/watch.php?cat=43&number=5这是来自thenewboston.org的相关教程。如果你需要，从视频的开头开始，它只是这一组中的一对。（它在HTML5教程中）

如果您在将其定位到您想要的位置时遇到问题，您可能需要尝试将其放在另一个div中。例如，如果你想在侧边栏中使用它，你可以使用侧边栏的这个CSS

#sidebar{
position:absolute;
left:70%;
top:20%;
}

以及您的div上面的CSS，然后您的HTML将如下所示。

<div id="sidebar">
sidebar content here
    <div id="map_canvas" class="classNameHere">
         any code you need for google maps here.
    </div>
</div>

另外2件事。首先，您应该使用百分比而不是像素，以便它适合任何大小的屏幕，除非您在每一侧填充网站以使其全部居中。另外，我在你的个人资料中阅读了你的简历，我和你在同一条船上。我只是喜欢编码的青少年，我们都很困惑，所以如果你需要我解释一下，或者我误解了你的问题，请告诉我。

忽略包含的样式表

2 个答案: