Css 浏览器屏幕缩小时如何显示水平滚动条

这是我做的。其中包含4个

div

。 当浏览器完全打开时 当我缩小浏览器的屏幕尺寸时

我想在浏览器屏幕减少时。。。仪表板

DIVs

应获得

水平滚动条

，而不是剪切显示。 这是我如何在主视图中渲染局部视图的代码

<fieldset>
    <%using (Ajax.BeginForm(new AjaxOptions { InsertionMode = InsertionMode.Replace}))/*, UpdateTargetId = "RecentDiv" }))*/
      { %>


    <div id="MainDashboardDiv">
        <div class="LiveTile">
            <div id="RecentDiv"> 
                    <h4 class="RequestTitle">
                    <%: Html.ActionLink("Recent Requests", "CRMRequestsList", new { requestType = "Recent" })%>
                    </h4>
                <%Html.RenderAction("RecentRequests",Model); %>
            </div>
            <!--End of RecentDiv -->

            <div id="PriorityDiv">
                <h4 class="RequestTitle">
                    <%: Html.ActionLink("High Priority Requests", "CRMRequestsList", new { requestType = "Priority" })%>
                 </h4>

                <%Html.RenderAction("PriorityRequests", Model); %>
            </div>
            <!--End of PriorityDiv -->
        </div>
        <!--End of UpperLiveTiles -->
        <div class="LiveTile">

             <div id="PendingDiv">
                <h4 class="RequestTitle">
                <%: Html.ActionLink("Pending Requests", "CRMRequestsList", new { requestType = "Pending" })%>
                </h4>
                <%Html.RenderAction("PendingRequests", Model); %>

            </div>
            <!--End of PendingDiv -->
            <div id="ApprovedDiv">
                    <h4 class="RequestTitle">
                    <%: Html.ActionLink("Approved Requests", "CRMRequestsList", new { requestType = "Approved" })%>
                    </h4>
                <%Html.RenderAction("ApprovedRequests", Model); %>

             </div>
            <!--End of ApprovedDiv -->


        </div>
        <!--End of LowerLiveTiles -->
    </div>
    <!--End of MainDashboardDiv -->
    <%} %>
    </fieldset>

---

这种风格是罪魁祸首

.LiveTile{
    overflow: hidden;
}

你告诉它隐藏任何不符合规定的东西。尝试

滚动

或

自动

.LiveTile{
    overflow: scroll;
}

或

编辑：

对不起，我想我把你的标记弄错了，你想把目标对准标题下的div。尝试包装

Html.RenderAction（“RecentRequests”，Model），
Html.RenderAction（“PriorityRequests”，模型），等等，并将其应用于该div

HTML

<div id="RecentDiv"> 
        <h4 class="RequestTitle">
        <%: Html.ActionLink("Recent Requests", "CRMRequestsList", new { requestType = "Recent" })%>
    </h4>
    <div class="InnerDiv">
        <%Html.RenderAction("RecentRequests",Model); %>
    </div>
</div>

这种风格是罪魁祸首

.LiveTile{
    overflow: hidden;
}

你告诉它隐藏任何不符合规定的东西。尝试
滚动
或
自动

.LiveTile{
    overflow: scroll;
}

或

编辑：

对不起，我想我把你的标记弄错了，你想把目标对准标题下的div。尝试包装
Html.RenderAction（“RecentRequests”，Model），
Html.RenderAction（“PriorityRequests”，模型），等等，并将其应用于该div

HTML

<div id="RecentDiv"> 
        <h4 class="RequestTitle">
        <%: Html.ActionLink("Recent Requests", "CRMRequestsList", new { requestType = "Recent" })%>
    </h4>
    <div class="InnerDiv">
        <%Html.RenderAction("RecentRequests",Model); %>
    </div>
</div>

Ohk我将隐藏更改为自动/滚动。但我没有得到预期的结果（@DanielImmsTry adding
.InnerDiv{width:100%}
也许，为了滚动条正常工作，我们需要在父框中限制宽度。另外，从
.LiveTile
中删除
溢出：滚动
，如果它仍然存在。好的，我给了宽度：100%，是的，没有溢出：滚动写入.LiveTile。@DanielImms我也在部分视图中使用div标记。在哪个表中是render。所以在主视图和部分视图中都有div标记。这有什么区别吗？Ohk我将隐藏更改为自动/滚动。但我没有得到预期的结果。：（@DanielImmsTry adding
.InnerDiv{width:100%}
也许，为了滚动条正常工作，我们需要在父框中限制宽度。另外，从
.LiveTile
中删除
溢出：滚动
，如果它仍然存在。好的，我给了宽度：100%，是的，没有溢出：滚动写入.LiveTile。@DanielImms我也在部分视图中使用div标记。在哪个表中是r在主视图和局部视图中都有div标签，这有什么区别吗？