为什么不溢出：在这种情况下隐藏的工作？

Question

在这个小提琴中的bookmark_matrix

http://jsfiddle.net/sjD24/14/

我正在尝试隐藏超出500像素宽度的内容

设置

overflow:hidden

我没有得到预期的效果，因为它包裹到下一行。

MDN Reference

我见过的两个例子显示溢出使用垂直内容，我不确定这是否意味着它不适用于水平内容。

请注意我不想包装。也许那会是一个更好的头衔。

Answer 1

您没有设置height，因此div的高度会根据需要扩展。没有溢出。

你可以这样做：

#bookmark_matrix{
    border: 1px dotted #222222;
    padding: 5px;
    width: 500px;
    overflow: hidden;
    height: 1em;
}