Question

我正在为大学课程编写一个网站，我正在DreamWeaver中编写它。当我进入设计视图时，它都是可见的，但是当我在Safari或Chrome中查看时，我根本看不到它。请你能帮帮我吗？

到目前为止，请访问http://jsfiddle.net/NA6eN/查看我的代码。

#wrapper
{
width: 90%;
margin: 0 auto;
color:#CCC;
}

 #top_box
 {
position: absolute;
min-width: 90%;
max-width: 90%;
margin: 0 auto;
height: 92%;
right: 5%;
background: white;
width: 80%;
border: 5px rgba(0, 239, 255, 0.5) solid;
border-top: none;
}

Answer 1

你有很多遗失的>个对象，这就是错误的原因。修复你的HTML并再试一次它工作正常，如下所示：

<body>
<div id="wrapper">


<div id="top_box"></div>

<div class="background"></div>



<div id="menu_box">

</div>


<div id="main_box">

</div>


<div id="Bottom_box">

</div>


</div>
</body>
</html>

<强> Fiddle

Answer 2

HTML代码中的

Invaild :( HTML打开/关闭代码）

原文：

<div id="wrapper"
    <div id="top_box"></div>
    <div class="background"></div>
    <div id="menu_box" </div>
    <div id="main_box" </div>
    <div id="Bottom_box" </div>
</div>

修复：

<div id="wrapper">
    <div id="top_box"></div>
    <div class="background"></div>
    <div id="menu_box"></div>
    <div id="main_box"></div>
    <div id="Bottom_box"></div>
</div>

欺骗jsFiddle

点击按钮以获得更多可读性
你看到那个代码是红色的吗？，这意味着你的HTML不是vaild
修复它！比如你缺少结束标签，没有开始标签的结束标签...... bla bla bla

结果：

enter image description here

Vaild！

演示：http://jsfiddle.net/NA6eN/3/

有用的工具： http://validator.w3.org/#validate_by_input

Answer 3

你没有关闭包装div：

<div id="wrapper"

应该是

<div id="wrapper">

Answer 4

无法关闭>

<强> DEMO

<body>
<div id="wrapper">


<div id="top_box"></div>

<div class="background"></div>



<div id="menu_box">

</div>


<div id="main_box">

</div>


<div id="Bottom_box">

</div>
</div>
</body>

Answer 5

你没有正确关闭你的div：

<div id="menu_box"
</div>

这样做：

<div id="menu_box">
</div>

否则浏览器无法解析您的HTML。

修正版：http://jsfiddle.net/Z2k8d/

Answer 6

你没有为div id wrapper

结束标记

它的

    <div id="wrapper"

现在将其更改为

    <div id="wrapper">

为什么我的框中没有显示任何CSS？

6 个答案: