asp.net - 宽表导致水平滚动条

Question

我在几个嵌套的 div 中有一个表。一列包含一个图像，其宽度使页面的总宽度比显示器和水平滚动条显示的宽度还要宽。

此单元格来自 asp.net ajax 弹出窗口(鼠标悬停时)并通过 javascript 隐藏，因此不需要滚动条。

有没有办法通过 css/xhtml 使滚动条不显示？我确信表格单元格的宽度导致了问题，因为当我删除它时，滚动条消失了。图像元素嵌套在一个 div 中。我尝试了 overflow: hidden 和操纵表格单元格的宽度 - 都没有用，至少没有改变图像的宽度。

提前致谢。

Answer 1

我不能说我确定为什么你会得到一个带有 overflow:hidden 的滚动条，但这是我用来设置鼠标悬停弹出窗口的技巧:

HTML:

 <div><a href="#" class="showtooltip">Text you want visible at all times. <div
 id="tooltip">elements you want for mouse tooltip</div></a>

用于格式化链接的 CSS:

a:link .showtooltip{
//CSS
}
a:hover .showtooltip{
//CSS
}
a:hover .showtooltip{
//CSS
}
a:active .{
//CSS
}

对于接下来我们需要为工具提示设置 CSS 的所有那些，您的 CSS 可能是相同的:

a:link .showtooltip div{
visibility:hidden;
}
a:hover .showtooltip div{
visibility:hidden;
}
a:hover .showtooltip div{
visibility:visible;
//CSS to properly position and size div
}
a:active . div{
visibility:hidden;
}

然后您可以将 ajax 写入 document.getElementById('tooltip')