为什么css \ html代码在不同主机中的行为方式不同？

我刚刚编辑了一个页面，并在我的本地计算机中完成了。我以这种方式制作了导航菜单，它与背景图像（透明导航背景，背景菜单的一部分是白色的黑色字符）形成鲜明对比。它看起来像这样在我的本地机器：为什么css html代码在不同主机中的行为方式不同？

但是，当我将它发送到远程服务器，它会变得非常恶劣，在除非两种不同的方式，如下：

会发生什么情况？

首先 - 第二个主机正在使用一个额外的元素，可能用于跟踪，或者类似的，这会导致您的div元素样式，也适用于该元素。你应该为你的元素使用特定的id或类，而不仅仅是“div”。特别是对于“背景”属性。

--some code-- 
<body><div><header></header> 
--rest of the code

要

--some code-- 
<body><div id="container"><header></header> 
--rest of the code

而且在style.css的变化：

您可以通过添加下列解决这个div {....到div#container {....

在我的浏览器，第一个链接看起来像你的形象，也应该如此。

2015-10-15 21:18:47

正如@Frederik所提到的，你的CSS需要更加具体，并且我还看到Chrome和FF上的第一个链接加载正常。 – bonesbrigade

回答