未创建 CSS 框

Question

这是我正在处理的网站:http://cinicraft.com/Silverman/index.html

我正在尝试制作一些按钮，但 CSS 没有效果。在这件事发生之前，我的这份契约(Contract)一切顺利，我真的想在“库存”部分中的每个元素周围做一个简单的框，但没有任何反应。

这是 HTML5 代码:

<div class="btn1inv">
MACHINE SCREWS
</div>

这是 CSS 代码:

/*Machine Screws*/
div.btn1inv
{
text-align:center;
background-color: #ff0404;
width:150px;
height:50px;
padding:1px;
margin:5px;
}

MACHINE SCREWS 没有发生任何事情，尽管有 CSS 代码，HTML5 决定忽略它并且不绘制框。 div 根本不起作用，是什么导致了这个问题？我随机选择了丑陋的颜色，因为我只是想应用此 CSS。

Answer 1

您的 CSS 文件“style.css”中有错误。这是你在 div.btn1inv 上面的问题:

.everything
{
    position:absolute;
    top: 85px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;        
}​ /* < delete this "​" */

/*Machine Screws*/
div.btn1inv
{
    text-align:center;
    background-color: #ff0404;
    width:150px;
    height:50px;
    padding:1px;
    margin:5px;
}