html - 即使使用包装div，填充也无法在pre块中工作？

html代码：

<div class="prewrap">
<pre>
stepsize = .01
samplestimes = 30
universex = seq(-1, 1, stepsize)
universey = sin(pi * universex)
</pre>
</div>

CSS代码：

#prewrap {
    background-color: #e3e3e3;
    padding: 26px;
}
pre {
    background-color: #e3e3e3;
    overflow: scroll;
}

jsfiddle：http://jsfiddle.net/tc7mD/

在Kubuntu 13.10上使用最新的Firefox和Chrome

最佳答案

您的选择器不匹配。

CSS .xx {}用于HTML class="xx"

CSS #xx {}用于HTML id="xx"。

您需要句点（表示类别，而不是ID）。

.prewrap {
    background-color: #e3e3e3;
    padding: 26px;
}
pre {
    background-color: #e3e3e3;
    overflow: scroll;
}