html - 填充显示不正确

Question

我正在 http://flexibletheme.tumblr.com/ 测试我的 CSS并尝试使网站响应小屏幕尺寸。

唯一的问题是，我无法在 aside 元素上使用填充。要重现该问题，请调整浏览器窗口的大小，直到侧边栏停止向右浮动(一旦屏幕尺寸低于 600 像素的宽度，这将出现在底部。

目前所有 CSS 都是内联的，以查看 css。与调整大小相关的部分开始于:

@media screen and (max-width: 600px) {

编辑:此图像显示紫色填充(通过 Firebug)未正确显示:

Answer 1

填充不起作用怎么办？ Chrome 的网络检查器似乎确认了声明中的填充。

我注意到你的 <aside>元素最终位于布局的左边缘之外，但那是因为它向右浮动并且具有 width: 100%;。分配给它。