Question

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

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

有没有办法通过css / xhtml来实现滚动条不显示？我确信表格单元格的宽度导致了问题，因为当我删除它时，滚动条消失了。图像元素嵌套在div中。我试过溢出：隐藏和操纵表格单元格宽度 - 两者都没有效果，至少不改变图像的宽度。

提前致谢。

Answer 1

我不能说我确定你为什么会得到一个带有溢出的滚动条：隐藏，但这里是我使用鼠标悬停弹出的技巧：

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'）

Answer 2

我应该提到这个问题只发生在IE7而不是FF3中。无论如何，以下链接说明了我遇到的错误。希望这能帮助遇到此问题的其他任何人。

http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

宽表导致水平滚动条

2 个答案: