2

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

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

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

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

我知道现在似乎不需要 items 类，但这只是因为我已经将所有东西都剥离到骨头上以试图解决这个问题，并且是实际项目所需要的。

关于这里发生了什么的任何想法？我敢肯定，我只是忽略了一些令人痛苦的显而易见的事情......

谢谢！

4

4 回答 4

1

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

我相信，只要你想让它工作，就只overflow: hidden在作品中删除。.items

尽管overflow: hidden无论您在做什么都需要 if ，但我们将需要更多的代码来为您提供一个可以按您预期工作的修复程序。

于 2012-06-21T12:38:11.710 回答
1

因为它消除了

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

你可以删除它

于 2012-06-21T12:39:33.963 回答
1

从项目类中删除溢出：隐藏，因为它正在剪裁外部容器边框。

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

这是关于css中反斜杠的解释：http ://www.webteacher.ws/2005/01/22/490/

于 2012-06-21T12:43:59.693 回答
1

overflow: hidden如果您需要使用溢出，请删除或将高度设置为 184px

.items
{
    float: left;
    height:184px;
    overflow: hidden;
}
于 2012-06-21T12:46:39.123 回答