Question

根据这个问题，我试图找出CSS中的“â€”来自哪里。我使用FlashDevelop，到目前为止，它运行良好。我有一个min文件，我正在上传到网站，并且“显示在它的末尾，有时在最后一个小规则之前的中间。以前有没有其他人遇到过这种问题？我的CSS主要是类规则，而是基本的定义列。我正在使用Bootstrap和Font Awesome，但这才刚刚开始发生。

这是我的代码预缩小：

html, body {
    height: 100%;
    background-color: #e6eded;
}

.box {
   height: auto;
   overflow: hidden;
}

.right {
    width: 240px;
    float: right;
    background: #aafed6;
}

.header {
    height: 55px;
    background-color: #818181;
}

.left {
    float: none; /* not needed, just for clarification */
    background: #e8f6fe;
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}

FlashDevelop生成缩小文件并上传后，我明白了：

html,body{height:100%;background-color:#e6eded;}
.box{height:auto;overflow:hidden;}
.right{width:240px;float:right;background:#aafed6;}
.header{height:55px;background-color:#818181;}
.left{float:none;background:#e8f6fe;width:auto;overflow:hidden;}
â€‹â€‹

这是我正在按要求处理的模板的其余部分。

<!DOCTYPE html>
<html lang="en">
<!-- BEGIN HEAD -->
<head>
    <meta charset="UTF-8" />
    <title>Teonnyn.com</title>

    <meta content="" name="description" />
    <meta content="" name="author" />
    <?PHP echo $this->Html->css("bootstrap.min"); ?>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <?PHP echo $this->Html->css("main.min"); ?>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

</head>
<body>

<div class="box">
    <div class="header">


    </div>

    <div class="right">
        Test
    </div>      


    <div class="left">


    </div>



</div>


</body>
</html>

Answer 1

@Tomalak提供了正确的答案。虽然我不得不寻找符号，但打开纯文本编辑器会显示实际代码并允许我正确删除它。

标记“â€<”出现在我的CSS中，似乎打破了它之后的所有内容。可能导致这种情况的原因是什么？

1 个答案: