html - 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 圆圈。对于这两个，我无法让它们与文本对齐，并且 float 它们没有任何效果。我也没有在控制台中收到任何错误。

Answer 1

问题可能是在索引中调用链接 href 中的 css 文件时，尝试在开头添加或删除 (/) href="/"或直接在头部添加 css。