页面超出 HTML 标签
Page Extends Beyond HTML Tag
这与人们苦苦挣扎的常规溢出问题完全不同。首先,我只能在 Chrome(版本 41.0.2272.101 64 位)中产生这个问题。 IE 9+ 和 Firefox 似乎符合预期。
正文元素随内容增长。此处未使用 height: 100%
或 position: absolute
样式。
问题是似乎有一些未知的东西迫使浏览器在 x 轴和 y 轴上滚动得比它应该滚动的大约 400px 或更多。检查员无法 select 这个空的 space 中的任何内容,并最终 selecting html 标签。
我浏览了页面上的每个元素,似乎没有任何内容超出 html 标签!
不幸的是,我不能link任何东西,因为该站点在工作服务器上并且需要身份验证才能访问该页面:(
我很困惑,所以任何建议将不胜感激!
我发现问题涉及插件提供的jQueryUI、css和我公司的css。我们在我们的应用程序中使用 jQuery UI 作为输入建议。
似乎正在发生的事情是,我们的 html 结构最近发生了变化,将特定元素的高度和宽度设置为 100%。这个 css 恰好包括 jQuery UI 的 ui-helper-hidden-accessible class。插件提供的 css 将 ui-helper-hidden-accessible 设置为 position: absolute;
和 clip:rect(1px,1px,1px,1px);
。由于父元素未明确设置为 position: relative;
,因此 ui-helper-hidden-accessible 元素溢出,但由于剪辑 属性 它在开发人员工具中不可见!选择隐藏元素或在开发工具元素选项卡中单击它都不会显示它有多大。
这个问题有两种解决方法:
- 更改将宽度和高度设置为 100% 的 css 选择器
- 正在将父元素设置为
position: relative;
这与人们苦苦挣扎的常规溢出问题完全不同。首先,我只能在 Chrome(版本 41.0.2272.101 64 位)中产生这个问题。 IE 9+ 和 Firefox 似乎符合预期。
正文元素随内容增长。此处未使用 height: 100%
或 position: absolute
样式。
问题是似乎有一些未知的东西迫使浏览器在 x 轴和 y 轴上滚动得比它应该滚动的大约 400px 或更多。检查员无法 select 这个空的 space 中的任何内容,并最终 selecting html 标签。
我浏览了页面上的每个元素,似乎没有任何内容超出 html 标签!
不幸的是,我不能link任何东西,因为该站点在工作服务器上并且需要身份验证才能访问该页面:(
我很困惑,所以任何建议将不胜感激!
我发现问题涉及插件提供的jQueryUI、css和我公司的css。我们在我们的应用程序中使用 jQuery UI 作为输入建议。
似乎正在发生的事情是,我们的 html 结构最近发生了变化,将特定元素的高度和宽度设置为 100%。这个 css 恰好包括 jQuery UI 的 ui-helper-hidden-accessible class。插件提供的 css 将 ui-helper-hidden-accessible 设置为 position: absolute;
和 clip:rect(1px,1px,1px,1px);
。由于父元素未明确设置为 position: relative;
,因此 ui-helper-hidden-accessible 元素溢出,但由于剪辑 属性 它在开发人员工具中不可见!选择隐藏元素或在开发工具元素选项卡中单击它都不会显示它有多大。
这个问题有两种解决方法:
- 更改将宽度和高度设置为 100% 的 css 选择器
- 正在将父元素设置为
position: relative;