Html 保证金：0自动；链接到外部css时不工作_Html_Css_External_Center

Html 保证金：0自动；链接到外部css时不工作

html css

Html 保证金：0自动；链接到外部css时不工作,html,css,external,center,Html,Css,External,Center,当我链接到我的外部样式表时，似乎我的包装器样式被破坏了。如果我将这些样式粘贴到index.html的头部，它就可以正常工作，但在链接到.css时就不行了。无论哪种方式，所有其他css规则都能完美地工作，只有包装器样式看起来会中断应用于包装器的唯一规则是将其置于浏览器的中心，因此如果有其他合理的方法来实现这一点，我洗耳恭听包装器css： #wrapper { width: 960px; margin: 0 auto; } 以及html（减去内容）：编辑添加：网站是不是

当我链接到我的外部样式表时，似乎我的包装器样式被破坏了。如果我将这些样式粘贴到index.html的头部，它就可以正常工作，但在链接到.css时就不行了。无论哪种方式，所有其他css规则都能完美地工作，只有包装器样式看起来会中断

应用于包装器的唯一规则是将其置于浏览器的中心，因此如果有其他合理的方法来实现这一点，我洗耳恭听

包装器css：

#wrapper { 
    width: 960px; 
    margin: 0 auto; 
}

以及html（减去内容）：

编辑添加：网站是不是活的，所以我没有链接提供，对不起。仍处于早期开发阶段，在这个问题上遇到了难题。

我以前从未遇到过这个问题。您可能没有正确的链接

确保已正确附加样式表：

<link href="Default.css" rel="stylesheet" type="text/css" />

如果这不起作用，那么右键单击

包装器

元素，然后在chrome中单击“检查元素”。这将向您展示在该元素上应用的所有css，以及由what重写的内容。这将使您更好地了解实际情况（下载firefox的Firebug也很有帮助）

查看您正在使用的页面的源代码，并单击您链接的CSS文档。它应该调出一个带有你的样式的CSS页面，如果不是，你要么1）链接不正确，要么2）服务器上存在权限问题

添加：在开发者工具（F12->IE，左键单击>检查元素->chrome，Firefox）中检查它

您使用的浏览器是什么？我刚刚在IE8中尝试了您的示例，除非我包含XHTML doctype，否则它根本不会居中：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

不知道为什么，或者你是否有这个，但它可能会有所帮助。

不管你的css规则是在外部样式表中还是在头部的标记中，都不会有什么区别。尝试的事物

验证您的css文件（将通知您输入错误）

你有多个css文件吗？如果是这样，请尝试最后包含此样式表

使用firebug（或者chrome inspector，如果您愿意的话）检查您的#wrapper元素，看看您的定义是否显示出来（以及它是否被否决以及被什么否决）

如果可能的话，我很想看看你的整个解决方案，这样我就可以到处看看：）

如果我不小心将样式标签复制到我的外部样式表中，并且没有删除它们，我会在我的页面周围一直留有空白

您可能会不小心忘记删除样式标记吗？

这个问题几乎肯定是与上下文有关的。通过将测试用例简化为此，您可能已经排除了任何问题。请检查您的外部url。确保它是完全有效的。你是如何附加它的？你的样式表被正确引用了吗？你只使用了一个CSS include吗？我的CSS被链接到了这里：如果这是个问题，不是每个CSS规则都不起作用吗？不仅仅是包装纸。这是唯一出现的问题。它会。你有其他的css吗？我的印象是，你展示的css是你正在做的唯一css。谢谢你的帮助。不幸的是，这似乎不是问题。css文件是否在正确的文件夹中？您正在使用的html是一个文件还是一个带有组件的模板？是的，对不起，我的html标题中包含doctype。等等，我不知道严格和过渡之间的区别。您能在几个不同的浏览器上试用它，看看是否所有浏览器都有相同的问题吗？我一直在使用firefox。这个问题通过IE和chrome仍然存在。以前从未使用过W3C。出现了：8解析错误/*CSS文档*/#包装{宽度：960px；边距：0自动；}156解析错误啊哈！在css文件中，删除html标记-只包括样式标记中的内容，以及bob的叔叔！谢谢，但除非我做错了，否则没有帮助。同样的问题仍然存在。@Isaac您有指向css文件的链接吗？从解析器错误来看，css文件中似乎有html标记。另外：尝试将#包装器定义移动到css文件的底部

<link href="Default.css" rel="stylesheet" type="text/css" />

<link href="Styles/Default.css" rel="stylesheet" type="text/css" />

<link href="../Styles/Default.css" rel="stylesheet" type="text/css" />

#wrapper { 
    width: 960px; 
    margin: 0 auto !important; 
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">