在另一个div内滚动div

时间:2010-10-12 16:03:13

标签: html css horizontal-scrolling

这是我的代码:

<form id="form1" runat="server">
<div style="width:100%;">
    <asp:FormView ID="fvXCAR" runat="server" DefaultMode="Edit" style="overflow:auto">
        <ItemTemplate></ItemTemplate>
        <EditItemTemplate>
            <div style="width:800; overflow:auto;">
                <asp:Table ID="tblXCAR" runat="server"></asp:Table>
            </div>
        </EditItemTemplate>            
    </asp:FormView>
</div>
</form>

这是我的问题:

我希望内部div(带溢出的那个:滚动)滚动。如果我将该div设置为任何固定值,则滚动可正常工作。如果我将其设置为100%,则外部div会滚动,而不是内部滚动。但是,我希望能够将divs width设置为auto / 100%,因为我的用户有许多不同的屏幕尺寸/分辨率。

谢谢, 约翰

1 个答案:

答案 0 :(得分:0)

这样的情况通常需要在页面加载和页面调整大小时运行javascript。该javascript将测量父div的新宽度,然后设置子div的宽度以匹配。然后,孩子将拥有“overflow:auto”文本,而父级将具有宽度:100%。