CSS 代码仅在 Netbeans 中有效，在 webbrowser 中无效答案

【问题标题】：CSS code works only in Netbeans and not in webbrowserCSS 代码仅在 Netbeans 中有效，在 webbrowser 中无效
【发布时间】：2018-03-20 08:21:13
【问题描述】：

我有一些使用 CSS 用 Netbeans 编写的 web 应用程序。当我从 Netbeans 运行文件时，一切正常。不过，似乎有当我从浏览器访问应用程序时会有所不同！这是一个简单的例子：

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            #border_top_and_bottom {
                border-top-style: solid; 
                border-top-color: coral;
                border-top-width: 0.5px;
                border-bottom-style:solid;
                border-bottom-color:coral;
                border-bottom-width: 1.5px;
                padding-bottom: 3px;
                padding-top: 3px; 
                width :600px;
        </style>
    </head>
    <body>
        <div id="border_top_and_bottom">TODO write content</div>        
    </body>
</html>

当我从网络浏览器 (IE) 访问应用程序时，结果如下：

如您所见，顶部缺少边界线。这是问题之一，特征如盒子上的阴影，或在图片附近创建 tekst 是行不通的。这对其他用户来说很烦人，因为我从来没有相同的结果！（我希望我的问题很清楚？？）

【问题讨论】：

所以...您使用 IE，但您很惊讶它没有按预期工作？
我别无选择...我的应用程序有很多用户，但他们都必须使用资源管理器。

标签： java css netbeans web-applications

【解决方案1】：

确保您使用的是正确版本的 IE……它在我的 IE11 上运行良好。代码看起来不错

【讨论】：

我知道！这就是为什么我很惊讶。在 Netbeans 中启动的名为 localhost:8080/...(the 应用程序的应用程序和 my_pc_name:8080/... 在资源管理器中启动的相同应用程序之间有什么区别？？？？