-1

我有一个 div 的视图，基本上看起来像这样

<div style="width:100%;height:295px;overflow:auto;margin:0 auto">
    <table>
        <thead>
            <tr>
                <th>A normal column</th>
                <th>@Html.ActionLink("An action link", "Details", new { id = ViewBag.SiteId }, null)</th>
                <th>Another normal column</th>
            </tr>
        </thead>
        <tbody>
        @{
            for (var i = 0; i < Model.Count; ++i)
            {
                    <tr>
                        <td>@Html.DisplayFor(modelItem => Model[i].Edit)</td>
                        <td>@Html.DisplayFor(modelItem => Model[i].EditCategory)</td>
                        <td>@Html.DisplayFor(modelItem => Model[i].EditSeverity)</td>
                    </tr>
            }
        }
        </tbody>
    </table>
</div>

模型中有足够的行，表格将高于 div，从而为 div 提供滚动条。但是，当我使用该滚动条时，ActionLink 的文本不会滚动！相反 in 停留在同一个地方，从而重叠它下面的行中的数据，直到鼠标悬停在它或另一个链接上，此时它跳回到它应该在的位置并显示在那里，即使这会将它放在上面分区。这只发生在我的 Internet Explorer 中（我只安装了 IE 7，所以我不知道它在其他风格中是如何工作的）。ActionLink 将在 Chrome 和 Firefox 中正确滚动。

我能做些什么来让它在 IE 中正常运行吗？

4

1 回答 1

0

尝试position:relative按照以下答案应用到 div：
IE7 CSS 滚动 Div Bug
ie7 - 相对定位的 div 不在其容器中滚动

于 2013-09-26T13:45:15.270 回答