http://jsfiddle.net/YgsAw/3/
在这个演示中,我期望看到“jjjjj”,而是j被切断,看起来更像是1.
如果我在h1标签上设置了overflow-x：visible,那么文本的全部高度就会突然显现,但是设置overflow-x：hidden会被剪切.我会期望这种行为来自overflow-y,但这似乎没有任何效果.为什么会这样,我该怎么办？
解决方法
The computed values of
overflow-xandoverflow-yare the same as their specified values,except that some combinations withvisibleare not possible: if one is specified asvisibleand the other isscrollorauto,thenvisibleis set toauto. The computed value ofoverflowis equal to the computed value ofoverflow-xifoverflow-yis the same; otherwise it is the pair of computed values ofoverflow-xandoverflow-y.
此外,在this page,作者提到许多浏览器还施加了额外的限制：
In Gecko,Safari,Opera,‘visible’ becomes ‘auto’ also when combined with ‘hidden’ (in other words: ‘visible’ becomes ‘auto’ when combined with anything else different from ‘visible’).
我不知道我的情况有可行的解决方法.
编辑
我很确定我可以通过在另一个标签中嵌套我的标题标签来做我想要的：< div>< h1> title< / h1>< / div> ;.内部h1具有线高度：正常,使所有的垂直可见,以及溢出：隐藏,使其截断.外部元素可以具有严格有限的高度和溢出：可见.这不是理想的,但它似乎是最好的选择.
