Question

编辑：首先，抱歉没有直接粘贴链接。其次，谢谢大家的帮助，现在一切正常。感谢Manoz特别是粘贴我的代码并修复它。这个网站很神奇，我一直在尝试（并且失败）让我的代码昨天整天都在工作，所以我想给这个网站一个尝试，并得到比我预期更多的帮助。谢谢!!

我是学校的业余程序员，在div id方面遇到很多麻烦。以下是我的代码如何显示的链接：

http://convert.neevia.com/docs/e7416408-ff15-4c01-954c-603bfd1ce941/test11.jpg

我在这里遇到的问题是从#title到#footer的任何内容都没有出现在浏览器中。换句话说，它没有将任何id（例如#title）链接到HTML代码。

我真的非常感谢一些帮助。非常感谢你。

<!Doctype html>
<html>
<body>
<head>
<style type="text/css">
    div{
    border:solid 2px;
    margin:5px;
    padding:5px;
    color:green;
    }

    #title
    {
    height:150px;
    }

    #menu
    {
    width:150px;
    float:left;
    height:450px;
    }

    #mainarea
    {
    margin-left:180px;
    margin-top:10px;
    }

    #content
    {
    }

    #footer
    {
    height:30px;
    text-align:right;
    }
</style>
</head>
<body>
    <div id="title">
    <p>The title</p>
    </div>
    <div id="menu">
    <p>the menu</p>
    </div>
    <div id="mainarea">
    <div id="content">
    </div>
    <div id="footer">
    </div>
    </div>
</body>
</html

当我在CSS中将任何内容从#menu更改为#footer时，会出现更改。

Answer 1

如果Tony Barnes的想法不起作用（你应该尝试），你可能不会在刷新浏览器之前保存文件。

Answer 2

我发现您的代码没有任何问题。直到你在问题（https://meta.stackexchange.com/questions/22186/how-do-i-format-my-code-blocks）中发布它我不会尝试，但它可能是一个缓存问题。按Ctrl + Shift + R（Win）Cmd + Shift + R（Mac）以使用新缓存刷新页面。我注意到你正在使用Dreamweaver。别。特别是不要使用它的预览选项。有许多更好的（免费）文本编辑器。

缓存可能不是问题，因为它是所有内联CSS。

Answer 3

对我来说，问题只是浏览器中存在缓存文件。我有同样的问题，所以我不得不使用CTRL + F5删除它。

否则，红线代码中的含义是什么？当您将鼠标悬停在文本编辑器上时，它是否显示错误？我相信它会对你有帮助。

第三件事就是从浏览器中检查Html检查器。要检查按F12，我相信你会在那里获得样式属性，这样你就可以知道正在应用哪些属性。

如果浏览器中没有更新的，则缓存就是问题。如果他们被覆盖，那么你也会知道如何！

你能帮我解决一下这个问题吗？

3 个答案: