Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么css\html代码在不同的主机中以不同的方式运行?_Html_Css - Fatal编程技术网

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

为什么css\html代码在不同的主机中以不同的方式运行?,html,css,Html,Css,我只编辑了一页,在我本地的电脑里,它变得完美了。我这样做的方式,导航菜单仍然在一个位置,它得到了一个很好的对比背景图像(透明的导航背景,黑色字符的背景菜单的一部分,它是白色的)。在我的本地机器中看起来是这样的: 但当我将其发送到远程服务器时,它会变得丑陋,除非有两种不同的方式,如下所示: 丑,丑, ,甚至更难看 可能会发生什么情况?首先,第二个主机正在使用一个额外的元素,可能是用于跟踪,或者类似的,这使得您的div元素样式也适用于该元素。您应该为元素使用特定的id或类,而不仅仅是“div”

我只编辑了一页,在我本地的电脑里,它变得完美了。我这样做的方式,导航菜单仍然在一个位置,它得到了一个很好的对比背景图像(透明的导航背景,黑色字符的背景菜单的一部分,它是白色的)。在我的本地机器中看起来是这样的:

但当我将其发送到远程服务器时,它会变得丑陋,除非有两种不同的方式,如下所示:

  • 丑,丑,
  • ,甚至更难看

可能会发生什么情况?

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

您可以通过添加以下内容来解决此问题:

--some code--
<body><div><header></header>
--rest of the code
——一些代码--
--代码的其余部分

——一些代码--
--代码的其余部分
并将style.css:
div{..
更改为
div#container{..


在我的浏览器中,第一个链接看起来也应该像你的图像。

首先,第二个主机使用了一个额外的元素,可能用于跟踪,或者类似的,这使得你的div元素样式也适用于此。你应该为元素使用特定的id或类,而不仅仅是“div”。尤其是“background”-财产

您可以通过添加以下内容来解决此问题:

--some code--
<body><div><header></header>
--rest of the code
——一些代码--
--代码的其余部分

——一些代码--
--代码的其余部分
并将style.css:
div{..
更改为
div#container{..


在我的浏览器中,第一个链接看起来也应该像你的图像。

首先,第二个主机使用了一个额外的元素,可能用于跟踪,或者类似的,这使得你的div元素样式也适用于此。你应该为元素使用特定的id或类,而不仅仅是“div”。尤其是“background”-财产

您可以通过添加以下内容来解决此问题:

--some code--
<body><div><header></header>
--rest of the code
——一些代码--
--代码的其余部分

——一些代码--
--代码的其余部分
并将style.css:
div{..
更改为
div#container{..


在我的浏览器中,第一个链接看起来也应该像你的图像。

首先,第二个主机使用了一个额外的元素,可能用于跟踪,或者类似的,这使得你的div元素样式也适用于此。你应该为元素使用特定的id或类,而不仅仅是“div”。尤其是“background”-财产

您可以通过添加以下内容来解决此问题:

--some code--
<body><div><header></header>
--rest of the code
——一些代码--
--代码的其余部分

——一些代码--
--代码的其余部分
并将style.css:
div{..
更改为
div#container{..


在我的浏览器中,第一个链接看起来也应该像你的图像。

正如@Frederik提到的,你的css需要更具体,我也看到Chrome和FF上的第一个链接加载得很好。正如@Frederik提到的,你的css需要更具体,我也看到Chrome和FF上的第一个链接加载得很好。正如@Frederik提到的,你r css需要更具体,我也看到Chrome和FF上的第一个链接加载很好。正如@Frederik提到的,你的css需要更具体,我也看到Chrome和FF上的第一个链接加载很好。