Html 填充未正确显示

我正在测试我的CSS，并试图使网站响应小屏幕大小

唯一的问题是，我不能让填充在元素上工作。若要重现此问题，请调整浏览器窗口的大小，直到侧边栏停止向右浮动（一旦屏幕大小低于600px的宽度，这将显示在底部）

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

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

编辑：此图像以紫色显示填充（通过Firebug）未正确显示：

---

填充物不起作用怎么办？Chrome的web inspector似乎确认填充物如声明的那样存在

---

我确实注意到您的

元素最终位于布局的左边缘之外，但这是因为它向右浮动，并且有

宽度：100%；

分配给它。

填充不起作用怎么办？Chrome的web检查器似乎确认填充如声明的那样存在

---

我注意到您的

元素最终位于布局的左边缘之外，但这是因为它向右浮动，并且有

宽度：100%；

分配给它。

从Chrome的Inspector中读取您的代码，我可以看到当最小化屏幕时，应用了以下规则

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

  #content {
    width: 100%;
  }

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

}

---

这就是问题的原因。在CSS中查找媒体查询并将其排序。

通过在Chrome的Inspector中读取代码，我可以看到在最小化屏幕时应用了以下规则

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

  #content {
    width: 100%;
  }

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

}

---

这就是你有问题的原因。在CSS中找到您的媒体查询并将其排序。：）

填充物的显示方式有哪些不正确？您希望填充物如何显示？填充物以何种方式显示不正确？你希望填充物如何显示？填充物不应该把下一个往里推吗？现在文本被切掉了，填充物在框外（见紫色线）。我明白你现在想说的了。要解决此问题，宽度应为

width:95%

用于补偿

元素上5%的填充。是的，这就是填充：

宽度

表示元素内容区域的宽度。填充、边框和边距在内容区域之外。（允许您更改，但IE 7和IE 6不支持。）但实际上，您需要将宽度设置为90%，如

padding:5%

表示左侧有5%的填充，右侧有5%的填充。填充是否应该向内推动下一个填充，现在文本被切掉，填充在框外（见紫色线）。我明白你现在想说的了。要解决此问题，宽度应为

width:95%

用于补偿

元素上5%的填充。是的，这就是填充：

宽度

表示元素内容区域的宽度。填充、边框和边距在内容区域之外。（允许您更改，但IE 7和IE 6不支持。）但实际上，您需要将宽度设置为90%，如

padding:5%表示左侧填充5%，右侧填充5%。