Google整理行号和溢出

Question

向Google Pretify元素添加溢出时，行号消失。

不变的CSS：

pre
{    
    font-size:11px;
    background-color:white;
}
/* Alternate shading for lines */     li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee; width:200%;}

之前的CSS和图像：

pre.prettyprint { padding: 2px; border: 1px solid #888;}

之后的CSS和图像：

pre.prettyprint { padding: 2px; border: 1px solid #888; overflow:auto;}

Answer 1

显然，数字在pre.prettyprint元素的填充中。 如果在溢出为“ on”的情况下将左侧填充增加到30px，则可以看到数字。 我将不得不对CSS进行更多梳理（它是继承的）

CSS更改及其结果输出：

pre.prettyprint { padding-left:30px; border: 1px solid #888; overflow: auto;}