相关疑难解决方法(0)

我将用一个片段开始这个问题,几乎显示了我想要完成的事情.

.wrapper {
  overflow: hidden;
  display: flex;
}

.sidebar {
  min-width: 200px;
  background: #333;
  color: #FFF;
}

.container {
  flex: 1;
  overflow-x: scroll;
}

.long {
  width: 2000px;
}

.header {
 background: #666;
}

<div class="wrapper">

  <div class="sidebar">
    Sidebar
  </div>

  <div class="container">
    <div class="header long">
      Header
    </div>
    <div class="content">
    <div class="long">
      I am long
    </div>
      Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long text<br/>Long …

我在 .net Web 应用程序中使用响应式引导表来显示信息。每当返回大量信息时，页面底部都会出现水平滚动条。因此，用户必须滚动到底部才能访问水平滚动条以查看当前未显示在屏幕上的信息。我想强制水平滚动条始终可见。我试图将“Position:absolute”添加到表格 div 标签中，但它似乎干扰了响应式格式。有没有办法在使用响应式表格时始终显示水平滚动条？

<div id="divGridResults" style="overflow-x: scroll;" runat="server">
        <div class="table-responsive;text-center; ">
            <asp:GridView ID="gvEmployee" runat="server" Width="100%" AutoGenerateColumns="False"
                ClientIDMode="Static" CssClass="table table-striped table-hover table-condensed "
                AllowSorting="True" PagerStyle-CssClass="bs-pagination">
                <Columns>
                    <asp:BoundField DataField="Emp_ID" HeaderText="ID" SortExpression="EMP_ID" />                  
                    <asp:BoundField DataField="First_Name" HeaderText="First Name" SortExpression="First_Name" />
                    <asp:BoundField DataField="Last_Name" HeaderText="Last Name" SortExpression="Last_Name" />
                    <asp:BoundField DataField="Manager" HeaderText="Manager" SortExpression="Manager" />
                    <asp:BoundField DataField="Status" HeaderText="Status" SortExpression="Status" />
                    <asp:BoundField DataField="Address" HeaderText="Address" SortExpression="Address" />
                    <asp:BoundField DataField="City" HeaderText="City" SortExpression="City" />
                    <asp:BoundField DataField="State" HeaderText="State" SortExpression="State" />
                    <asp:BoundField DataField="Zip" HeaderText="Zip" SortExpression="Zip" />
                    <asp:BoundField DataField="Phone" HeaderText="Phone" SortExpression="Phone" /> …

如何在内容区域中始终在所有方向上保持填充的同时放置垂直滚动条？下面的图片更好地描述了我在寻找什么.

我只有明显的"填充:x"来显示我的工作:(我尝试嵌套填充,这是热闹的:)

除非确实需要,否则我想避免使用JavaScript.