Прокрутка div внутри другого div

Question

Вот мой код:

<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, а не внутренний.Тем не менее, я хотел бы иметь возможность установить обе ширины div на auto / 100%, потому что у моих пользователей много разных размеров / разрешений экрана.

Спасибо, Джон

Answer 1

Подобные ситуации обычно требуют запуска JavaScript при загрузке страницы и изменении размера страницы.Этот javascript будет измерять новую ширину родительского div, а затем устанавливать ширину дочернего div в соответствии.Потом у потомка будет текст «overflow: auto», а у родителя будет ширина: 100%.