CSS圈子根本不会从S3渲染

Question

我最近在CSS中创建了一个圆圈。它与一些文本内联。 这是代码：

#circle {
        float: left;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        border: 3px solid;
        padding: 2px;
        margin: 10px;
        object-fit: cover;
    }

相应的HTML看起来像这样......

<div id="circle"></div>

这很好用，当我只是在我的浏览器中打开HTML文件时，结果就是我想要的，但是只要我将html和css放入S3，圆圈就会消失。 （http://imgur.com/a/azceS）我知道S3会看到代码，因为当我将图像作为背景添加到圆圈时，它会显示缺少的图像图标。

我也试过了javascript和SVG圈子。对于这两个我无法让它们与文本内联并浮动它们没有任何效果。我也没有在控制台中出现任何错误。

Answer 1

问题可能是在索引中你在链接href中调用css文件，尝试在开头添加或删除（/）href =“/”或直接在头部添加css。