logo标签列表

CSS - 改变总宽度

cssblogger
3
我有一个比屏幕宽的Blogger模板，导致水平滚动条显示。我想更改它以适应屏幕并且不显示滚动条。但问题是我不知道是什么原因导致了这个问题。我已经下载了模板文件，在我的代码编辑器中查找了所有的宽度属性，并将所有的100%更改为90%和像素宽度值更改为value-100，但页面仍然与之前相同。
在这种情况下查找有效规则时，我还应该寻找/做些什么？有哪些全面的程序可以检查事物以查找规则？
1
请问您能提供一下博客或者模板的链接吗？还有，您运行这个程序的屏幕宽度是多少呢？ - stealthyninja
如果一个 div 的宽度为 100%，但其中的某个内容（如图像或没有空格的文本单词）在像素上更宽，则该内容将流出 div 并导致水平滚动条。如果您将 100% 更改为 90%，同样的情况也会发生。给您的主 div 添加背景颜色，以查看颜色是否也延伸到视口外。或者在此处添加一些代码，以便我们可以查看。 - Bazzz
5个回答
2

不要改变宽度，尝试在你认为可能导致问题的所有元素中添加CSS属性overflow: hidden，然后逐个删除它们，直到滚动条重新出现，你就会找到罪魁祸首。你可能还需要将其添加到html和body中。如果滚动条没有显示任何实际内容，则可以将overflow: hidden保留在罪魁祸首上以解决问题。

1

问题可能不是由宽度属性引起的 - 模板中可能有一个块级元素没有包裹或浮动，这可能会拉伸您的容器如果使用百分比定义容器的宽度。

使用固定宽度定义根容器，这应该可以消除许多此类问题。首先尝试这个方法，然后告诉我们是否有效。

0
程序：
1). 理解盒子模型以及在IE上的变化。问题“宽度”可能实际上是由填充、边距甚至边框引起的，与宽度一样可能。
2). 在其他浏览器中检查渲染情况。如果您可以在FF中重现问题，请获取Firebug并使用它查找所讨论元素的计算尺寸，并通过其子元素进行隧道探测，这可能会导致问题。Chrome有一个类似于Firebug的调试器，但我不熟悉它。
3). 如果这不能告诉您问题所在，请从CSS中删除规则或整个模式，直到问题消失（或删除所有内容并逐步添加回来，直到问题返回）-此时您知道是什么导致了问题，如果不知道为什么，您可以随时更新问题以询问我们为什么当您已经确定它。
希望对您有所帮助
（如果其中任何内容已经很明显，敬请谅解）
0

嗯，百分比（%）总是以“100”开头。看一下body标签的宽度百分比设置为100％，然后根据需要在显示中设置其他组件的百分比。

个人认为使用百分比（%）比使用像素（px）更好。如果您了解CSS，则尝试根据要求将'px'更改为'%'。

0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接