即使使用包装div，填充也不能在pre block中工作？

Question

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

Answer 1

您的选择器不匹配。

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

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

您需要句点（表示课程，而不是ID）。

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

http://jsfiddle.net/tc7mD/1/

Answer 2

您正在使用#prewrap尝试使用<div> class来设置prewrap的样式。请尝试使用.prewrap。