这是一个CSS错误还是我完全失明？

Question

在我的项目构建期间，我正在制作一个页面来编辑用户凭据。 现在，当我在样式表中添加css（就像我用我的所有html一样） 它只是拒绝工作！ 没有边界，没有边缘没有任何东西！

这是HTML。

 <div id="EditDetails" class="textfont UserPageWindows">
        <p style="font-size:50px;">Edit credentials</p>
      5125125125125<br /><br /><br /><br /><br /><br /><br />
         5125125125125
 </div>

CSS

div.UserPageWindows{
min-width:80%;
margin-top:190px;
border: solid;
border-top:none;
border-bottom:5px;
}

边界搞砸了。 我究竟做错了什么？ 到目前为止，我已经在这个项目中完成了这几十次，它完美无缺！

这是边界在div中的样子：

与图片相反，它应该是这样的 http://jsfiddle.net/qepybz9L/

Answer 1

这似乎按预期工作？ Fiddle

function ShowWindow(el) {
    $("#UserPageMain").fadeOut(150);
    $(el).fadeIn(150);
}

关于你的CSS问题，有很多值得注意的地方。

1. 您想要显示边框，但您只在特定元素上定义了边框。问题是这些元素为空并且随后没有宽度和/或高度，这意味着应用于该元素的边框也将不可见。你可以看到这个说明here。
2. 尽量避免使用内联CSS。您可以在serpate CSS文件中添加很多内容。这样可以让您保持良好的概览。
3. 我建议不要使用已弃用的center代码。
4. 避免堆叠br标签。如果您需要大量空格，请改用margin。
5. 将代码发布到StackOverflow时，请记住，沟通的语言是英语 - 即使我们不是所有母语人士， 是一种国际语言。这意味着你应该至少翻译一下代码，以便明确你想要它做什么。
6. 此外，只发布您案件的相关代码。
7. 如果相关，就像你的情况一样，发布a fiddle或一个工作示例，以便我们可以看到出了什么问题。如果愿意的话，可以调试一个游乐场。