0

这应该是显而易见的，但在所有主流浏览器中，div 内容都没有隐藏：

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>

<style>
    #confContent{
    border:solid 1px #FF0000;
    width:700px;
        height:600px;
    background-color:#00CC00;
    left:50%;
    display:none;
    position:absolute;
                                                }

</style>

</head>

<body>

        <div id="confContent">
        <p style="color:#0000FF">Some content goes here</p>
        </div>


</body>
</html>

实际上，所有属性似乎都不起作用，div没有向左移动 30%，没有背景颜色，没有隐藏，也没有边框。请帮忙。提前谢谢。

4

4 回答 4

4

您的 CSS 需要在样式标签中（如果不在外部样式表中）

<style>
#confContent{

    border:solid 1px #FF0000;
    width:700px;
    height:600px;
    background-color:#00CC00;
    left:30%;
    display:none;
}   
</style>

并且应该放在head你的页面的

查看您的新代码，您缺少文档开头的 HTML 标记（应该在 之后<!DOCTYPE html>）

然而，我认为这也不是问题——我想也许还有一些我们没有看到的 CSS 覆盖了你给我们的 div 属性。

于 2012-10-08T14:57:40.043 回答
2

将您的代码替换为：

<!--Confirmation div-->
<div id="confContent">
   <p style="color:#0000FF">Some content</p>
</div>

<style type="text/css">
#confContent{
    border:solid 1px #FF0000;
    width:700px;
    height:600px;
    background-color:#00CC00;
    left:30%;
    display:none;
}     
</style>

使用 Danny Hearnah 关于 HEAD 标签的建议

于 2012-10-08T15:00:59.480 回答
1

你错过px了width财产。除此之外，它正在工作。检查这个演示

如果这仍然不起作用，那么您需要检查您的 CSS 文件路径

于 2012-10-08T15:01:37.843 回答
0

我的问题已解决，对于任何为此苦苦挣扎的人，请勿<!-- -->在您的 css 块中使用您的评论：

<style>

<!-- DO NOT use this format for comments -->

/* Only this format is valid */

</style>

这阻止了 FireFox 读取我的 css 代码并给我抛出了这样的错误：

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must to be declared in the document or in the transfer protocol.

和

Unexpected end of file while searching for closing } of invalid rule set.
于 2012-10-08T19:45:42.293 回答