如何将Scroll放入特定的<div>中

时间:2016-05-31 16:38:11

标签: html css

我试图在我的页面或特定页面中放置水平滚动。

我在primefaces中有一个普通页面,我需要以横向方式放置,如何将滚动放在包含表单的特定div中?

edit1:

<div class="col-md-1" style="overflow-x:scroll; width:2000px">
  <div class="row">
    <p:fieldset>
      <campo:simples label="Data Referencia" />
      <div class="col-md-2">
        <div class="row">
          <campo:radio enumClass="TipoTituloEnum" label="Situação" tamanho="1" tamanhoTotal="1" columns="1" layout="grid">
          </campo:radio>
        </div>
      </div>
    </p:fieldset>
  </div>
</div>

我试试这个^^,但滚动没有出现 编辑2:滚动显示,但已禁用

Look ^^ the component overflow the screen but the scroll didn't appear

1 个答案:

答案 0 :(得分:2)

使用overflow-x:auto可以解决问题

.col-md-1{
   overflow-x:scroll;
}
//If you don't want disabled scroll bar 
.col-md-1{
   overflow-x:auto;
}