0

我正在开发一个测验应用程序，我目前正在做测试页面。我打算在一个页面上显示所有问题，并在左侧的表格中显示问题编号，以便考生可以用来导航到问题。

但我希望该表始终可见。我的意思是我希望它作为一个固定的元素。但不幸的是，当问题数量很多时，表格会溢出视图，我无法看到底部。

无论如何要使该div固定并为该div的内容提供滚动条吗？

这是一个屏幕截图： 在此处输入图像描述

我正在使用引导程序的“附加”类来进行 div 修复。这是标记：

<div class="row">
<div class="span3">
  <table class="table table-condensed bs-docs-sidenav affix">
  <caption><strong>Questions Navigation</strong></caption>
      <% @q_array.each do |row|%>
        <tr>
          <% row.each do |qn| %>
            <td style="text-align: center;"><%= link_to qn,"#",:class=>"btn btn-inverse"%></td>
          <%end%>
        </tr>
      <%end%>
  </table>
</div>
<div class="span9">

<%= @questions.keys[0] %>
<%= @questions.values[0][1] %>
<%=@questions %>
<%=@q_array%>

</div>
</div>

.bs-docs-sidenav是我从引导文档页面中获取的一个 CSS 类。它设置宽度和边框。

提前致谢

4

2 回答 2

2

将 a 设置height为您的div和属性overflow:scroll。

于 2012-12-24T11:26:27.970 回答
0

试着把溢出到你的affix css class

overflow-y:auto;
overflow-x:hidden;
于 2012-12-24T11:31:15.117 回答