Question

在尝试解决我在项目中遇到的问题时，我注意到我的css文件中出现了随机的“/”。一旦删除它，它实际上使部分边框在Firefox中消失，甚至更多的消失在Chrome中...我已经将代码剥离到了试图弄清楚问题的基本要素，但仍然无法想象出来。我已经将问题的根源缩小到我的css中的'items'类，但是不明白它有什么问题，因为当我验证该类时它不会抛出任何错误。

以下是删除斜杠时的显示方式： http://jsfiddle.net/NrYws/2/

这里是我删除它之前的斜线，以及它如何正确显示（在FF和Chrome中）...... http://jsfiddle.net/NrYws/3/

将斜杠移动到文件中的不同位置（即在outerContainer类之上）会导致显示错误。当我完全删除'items'类时，它可以正常工作： http://jsfiddle.net/NrYws/4/

我知道现在似乎没有必要使用item类，但这只是因为我已经将所有内容都删除到了骨头上以试图解决这个问题，并且是实际项目所需要的。

关于这里发生了什么的任何想法？我确信这是一件令人痛苦的事情，我只是过分看待......

谢谢！

Answer 1

它就像删除了第一段.items一样。删除它并正确显示。

单独删除overflow: hidden中的.items可以按照您希望的方式运行，我相信。

虽然如果您所做的任何事情都需要overflow: hidden，我们就会需要更多，只需要这段代码就可以为您提供一个可以按预期工作的修复程序。

Answer 2

因为它删除了

.items
{
     float: left;
     height:180px;
    overflow: hidden;
}

你可以删除它

Answer 3

删除溢出：隐藏在items类中，因为它正在剪切外部容器边框。

工作小提琴：http://jsfiddle.net/NrYws/8/

以下是关于css中反斜杠的说明：http://www.webteacher.ws/2005/01/22/490/

Answer 4

如果您需要使用溢出

，请删除overflow: hidden或将高度设置为184px

.items
{
    float: left;
    height:184px;
    overflow: hidden;
}

从css中删除拼写错误地搞砸了显示

4 个答案: