Прокрутка 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%.