CSS - 改变总宽度

Question

我有一个比屏幕宽度宽的Blogger模板，可以显示水平滚动条。我想更改它以使其适合并且不显示滚动条。但问题是我不知道是什么导致了这一点。我已经下载了模板文件，并在我的代码编辑器中查找了所有 width 属性，并将所有100%更改为90%，将pix宽度值更改为值-1，但仍然是页面和以前一样。

在这种情况下找到有效的规则/规则，我还应该寻找/做什么？什么是检查事物以查找规则的综合程序？

Answer 1

不要改变宽度，而是尝试将CS​​S属性overflow: hidden添加到您认为可能导致问题的所有内容中，然后逐个删除它们，直到滚动条重新出现并且您将有罪魁祸首。您可能还需要将其添加到html和body。如果滚动条没有显示任何实际内容，您可以将overflow: hidden留在罪魁祸首来解决问题。

Answer 2

它可能不是导致问题的宽度属性 - 模板中可能存在一个不会换行或浮动的块元素，如果使用容器的宽度定义，可能会扩展容器百分比

使用固定宽度定义根容器，这应该消除许多这类问题。先尝试一下，让我们知道它是否有效。

Answer 3

步骤：

1）。了解the box model以及IE的变化情况。问题“宽度”实际上可能是由填充，边距或边界作为宽度引起的。

2）。检查其他浏览器中的渲染。如果你可以在FF获取Firebug中重现问题并使用它来找出所讨论元素的计算尺寸，并通过隧道向下穿过可能导致问题的子节点。 Chrome有一个与Firebug iirc类似的调试器，但我不熟悉它。

3）。如果这不能告诉你问题是什么，那么就开始从你的CSS中删除规则或整个模式，直到问题消失（或删除所有内容并将其重新添加到零碎中直到问题返回） - 此时你知道是什么导致了问题，如果不是为什么，你可以随时更新问题，问问我们为什么你确定它。

HTH

（Apols，如果其中任何一个已经很明显）

Answer 4

嗯，％总是以“100”开头。请参见body标签宽度的百分比设置为100％。然后根据它，只需根据显示器的要求设置其他组件％。

我个人认为，使用％比'px'更好。如果您了解CSS，请尝试根据要求将“px”更改为％。

Answer 5

该组件的样式似乎min-width，overflow property设置为auto。您可能希望将其设置为visible并首先在 FireBug Firefox Page Inspector中执行，以便在进行后期编辑之前查看效果。如果您只想调整整个帖子宽度，blogger has standard interface。您还可以edit the template manually