Question

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

我试图制作一些按钮，但 CSS 没有效果。我的合同一直很顺利，直到发生这种情况，我真的想在“库存”部分的每个项目周围做一个简单的框，没有任何反应。

以下是 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;
}

尽管 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;
}

Answer 2

我使用chrome根据你的文件css直接添加内联css，它可以正常工作。
我潜入了style.css，有趣的是我在第99行看到了一个红点，当时使用chrome来查看源代码。这一行就在div.btn1inv行之前。

那么，你能检查一下是否有非法字符？

编辑 - 来自Michal的帖子，有一个“â€”字符。

Answer 3

通过w3.org css验证工具运行css。滚动到最后返回的错误元素（这是您要设置样式的.btn1inv） - 检查错误是什么：

http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=http%3A%2F%2Fcinicraft.com%2FSilverman%2Findex.html

如果有用于检查错误的工具，那么首先总是值得使用它们。 =）

CSS Box没有被创建

3 个答案: