Html 溢出：隐藏；保留内容宽度但隐藏内容：Chrome

这些问题并没有完全满足我的需求，尽管BFC的布局很有趣。（，）

显示了我遇到的问题，只有在Chrome中，隐藏内容仍然强制执行div类“content”的宽度维度，宽度值为0px

此布局是手风琴式菜单的基础。。。如果强制的内容维度是可见的，那么这显然是行不通的：P

为什么Chrome会这样，也许我在BFC解释中遗漏了什么？一个解决方案会很棒。

试试这个

.slide {
    float:left;
    width:25px; /* width added here (same width of '.handle' ) */
}

示例：

试试这个

.slide {
    float:left;
    width:25px; /* width added here (same width of '.handle' ) */
}

---

示例：

如果为

.content

指定1px的宽度，则其行为正确。我无法解释发生了什么，但您可以通过使用

显示：无

而不是宽度来解决此问题。

如果您将

.content

的宽度设置为1px，则其行为正确。我无法解释发生了什么，但您可以使用显示：无来解决这个问题。

多么讨厌的错误

需要进一步研究，但如果您知道

.content

的原始宽度，则可以向其添加相同的负边距：-这样可以补偿原始宽度。如果你需要制作手风琴的动画，你只需要制作

边距

和

宽度

的动画，真是个讨厌的错误

---

需要进一步研究，但如果您知道

.content

的原始宽度，则可以向其添加相同的负边距：-这样可以补偿原始宽度。如果你需要制作手风琴的动画，你只需要制作

边距

和

宽度

的动画，就我所知Chrome做的是正确的。您正在内容类上设置0px的宽度。溢出属性仅仅意味着您不希望文本内容在边界（0px宽度）之外可见。如果您将其设置为5px宽，您将在“内容”中看到“C”的一部分。5px将是宽度。这是正确的。对吗？（很抱歉，尝试点击一个1900+分辨率的字母实在是太烦人了）@Marshall实际上我认为Chrome做得不对。由于

溢出：hidden

使其宽度大于内容的宽度

0px

。如果是这样的话，我就不指望它保持这种状态了。@Joseph-o_____________________________________________。我向你展示溢出：隐藏；奇怪的混乱，不是一个功能齐全的手风琴菜单-不清楚吗+詹姆斯和马歇尔-这很有趣。。。1px几乎可以为我做这件事。。。但基于0px，Chrome似乎确实做错了+约瑟夫。。。哦，对不起，问题不是小提琴，对不起：这真的取决于你改变的是哪个部门的大小。您可以更改外部（class=slide），在这种情况下，您可以以像素为单位设置任何大小。chrome的问题是它不允许使用0px。如果你放1px，它就会工作。要制作一个平滑的幻灯片，请将其一直设置为1，然后显示：None，据我所知，Chrome正在正确执行此操作。您正在内容类上设置0px的宽度。溢出属性仅仅意味着您不希望文本内容在边界（0px宽度）之外可见。如果您将其设置为5px宽，您将在“内容”中看到“C”的一部分。5px将是宽度。这是正确的。对吗？（很抱歉，尝试点击一个1900+分辨率的字母实在是太烦人了）@Marshall实际上我认为Chrome做得不对。由于

溢出：hidden

使其宽度大于内容的宽度

0px

。如果是这样的话，我就不指望它保持这种状态了。@Joseph-o_______________________________。我向你展示溢出：隐藏；奇怪的混乱，不是一个功能齐全的手风琴菜单-不清楚吗+詹姆斯和马歇尔-这很有趣。。。1px几乎可以为我做这件事。。。但基于0px，Chrome似乎确实做错了+约瑟夫。。。哦，对不起，问题不是小提琴，对不起：这真的取决于你改变的是哪个部门的大小。您可以更改外部（class=slide），在这种情况下，您可以以像素为单位设置任何大小。chrome的问题是它不允许使用0px。如果你放1px，它就会工作。要制作平滑的幻灯片，请将其一直设置为1，然后显示：无