这是一个 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. 您想显示一个边框，但您只在特定元素上定义了一个边框。问题是这些元素是 empty 并且随后没有宽度和/或高度，这意味着应用于该元素的边框也不可见。你可以看到这个插图here。
2. 尽量避免使用内联 CSS。您可以将很多内容放入一个单独的 CSS 文件中。这将使您能够保持良好的概览。
3. 我建议不要使用已弃用的center 标签。
4. 避免堆叠br 标签。如果您需要大量空格，请改用margin。
5. 在向 StackOverflow 发布代码时，请记住，交流的语言是英语 - 即使我们不都是母语人士，它也是一种国际语言。这意味着您应该至少稍微翻译一下您的代码，以便清楚您想要它做什么。
6. 另外，只发布您案例的相关代码。
7. 如果相关（如您的情况），请发布a fiddle 或工作示例，以便我们了解问题所在。一个可以调试的游乐场，如果你愿意的话。