你如何保持相对定位不受弹出的影响?

时间:2010-12-20 22:36:13

标签: html css internet-explorer-7

由于其他原因,我试图使用相对定位,并且我的div中的数据从ie7中的容器div中弹出。

你们能告诉我一些事情吗?

另外,我可以删除位置:relative;。我需要突出显示代码。

谢谢, GRAE

以下是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<html>
<head>

</head> <body> <div style="overflow:auto; height:350px; border: 1px solid #00ff00"> <table> <tr>
<td> <div style="position:relative;"> <PRE> Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line Test Line </PRE> </div> </td> </tr> </table> </div> </body>

2 个答案:

答案 0 :(得分:0)

您需要将overflow: hidden;添加到包含元素的内联(或CSS)样式中。

答案 1 :(得分:0)

我不确定以下内容是否适合您,但它对我有用。

您可以将position:relative添加到您的第一个div。 (overflow:auto

的那个

P.S。从表中删除width="100%"属性,或只是减小宽度,将删除水平滚动。