填充不能正常显示

Question

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

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

现在所有CSS都是内联的，以查看css。与调整大小相关的部分从：

开始

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

编辑：此图像显示紫色填充（通过Firebug）无法正常显示：

Answer 1

衬垫怎么办？ Chrome的网络检查员似乎确认填充是否已声明。

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

Answer 2

通过在Chrome的检查器中阅读您的代码，我可以看到在您最小化屏幕时应用以下规则

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

  #content {
    width: 100%;
  }

  aside, #title, #menu, .photo img, .asker {
    width: 100%;
  }

}

这就是你遇到问题的原因。在CSS中找到您的媒体查询并在那里进行排序。 ：）