CSS-更改总宽度

我有一个博客模板，它比屏幕宽度宽，并导致显示水平滚动条。我想改变它，使它适合，没有滚动条显示。但问题是我不知道是什么原因造成的。我已经下载了模板文件，在我的代码编辑器中查找了所有宽度属性，并将所有

100%

s更改为

90%

，将pix宽度值更改为value-100，但页面仍与以前一样

---

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

可能不是宽度属性导致问题-如果容器的宽度是使用百分比定义的，则模板中可能有一个块元素没有包装或浮动，可能会拉伸容器

使用固定宽度定义根容器，这将消除许多此类问题。请先尝试一下，然后告诉我们它是否有效。

步骤：

1） 。理解IE上的差异，了解它是如何变化的。正如宽度一样，“宽度”问题实际上可能是由填充、边距甚至边框引起的

2） 。检查其他浏览器中的渲染。如果您可以在FF get Firebug中重现该问题，并使用它来找出所讨论元素的计算尺寸，并向下挖掘可能导致该问题的子元素。Chrome有一个类似于Firebug iirc的调试器，但我不熟悉

3） 。如果这还不能告诉你问题是什么，开始从CSS中删除规则或整个模式，直到问题消失（或者删除所有内容，然后零碎地添加，直到问题再次出现）——此时，你知道问题的原因，如果不是原因的话，你可以随时更新问题，问我们为什么，当你确定了它

嗯

---

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

不要更改宽度，而是尝试将CSS属性

overflow:hidden

添加到您认为可能导致问题的所有内容中，然后逐个删除它们，直到滚动条重新出现，您将找到罪魁祸首。您可能还需要将其添加到

html

和

body

中。如果滚动条没有显示任何实际内容，您可以在罪犯身上留下溢出：隐藏以解决问题。

好的，%总是以“100”开头。请参见将主体标记的宽度百分比设置为100%。然后根据它，只需在显示器中根据需要设置其他组件%

---

我个人确实相信，使用%比使用“px”更好。如果您知道CSS，那么请尝试根据需要将“px”更改为%。

组件似乎具有

min width

样式并设置为

auto

。您可能希望将其设置为可见，然后首先执行此操作，以便在进行后期编辑之前查看效果。如果您只想调整整个帖子宽度。您也可以

请提供博客或模板的链接好吗？另外，您运行此操作的屏幕宽度是多少？如果一个div的宽度为100%，但其中的一段内容（图像或没有空格的文本字）的像素宽度更大，则内容将从div中流出，并导致出现水平滚动条。如果将100%更改为90%，同样的情况也会发生。为主div指定背景色，以查看颜色是否也延伸到视口之外。或者在这里添加一些代码，以便我们可以查看。