3

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

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

4

5 回答 5

2

不要更改宽度,而是尝试将 CSS 属性添加overflow: hidden到您认为可能导致问题的所有内容中,然后将它们一个一个地删除,直到滚动条重新出现,您将成为罪魁祸首。您可能还需要将其添加到htmlandbody中。如果滚动条没有显示任何实际内容,您可以让overflow: hidden解决问题的罪魁祸首。

于 2010-12-24T09:24:13.120 回答
1

它可能不是导致问题的宽度属性 -如果容器的宽度是使用 percents 定义的,则模板中可能有一个不换行或浮动的块元素可能会拉伸容器。

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

于 2010-12-24T08:15:16.680 回答
0

程序:

1)。了解盒子模型以及它在 IE 上的变化。问题“宽度”实际上可能是由填充、边距甚至边框引起的,就像宽度一样。

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

3)。如果这不能告诉您问题是什么,请开始从您的 CSS 中删除规则或整个模式,直到问题消失(或删除所有内容并零碎添加,直到问题再次出现)-此时您知道是什么原因造成的问题,如果不是为什么,您可以随时更新问题,在您发现问题后询问我们为什么。

hth

(Apols,如果这已经很明显了)

于 2010-12-24T09:16:52.957 回答
0

好吧,% 总是以“100”开头。看到body标签的宽度百分比设置为100%。然后根据它,只需根据您的显示要求设置其他组件%。

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

于 2010-12-24T13:42:22.777 回答
0

似乎该组件的min-width样式和溢出属性设置为auto. 您可能需要先将其设置为visible并在FireBug Firefox Page Inspector中执行此操作,以便在进行后期编辑之前查看效果。如果你只是想调整整个帖子的宽度,博主有标准的界面。您也可以手动编辑模板

于 2014-07-04T12:37:22.233 回答