如何为我的div制作垂直滚动条?

时间:2015-04-07 08:14:52

标签: html css twitter-bootstrap

我有这个网站:

http://avocat2.dac-proiect.ro/?page_id=21

我希望当分辨率自动显示为小垂直滚动条时,您可以阅读整个文本。

当你调整窗口大小时出现我的文字,

http://i60.tinypic.com/2lmnon6.jpg

这是代码HTML:

    <div class="container-fluid">
  <p class="text-center">Hello World!</p>
  <p class="text-center">Am reprezentat şi am acordat consultanţă juridică pentru clienţi persoane fizice române şi străine, instituţii publice, persoane juridice române şi străine în următoarele domenii:</p>
  <div class="row">
    <div class="col-sm-4 col-md-4 col-lg-4" style="font-size:17px;color:white;">
<p class="text-left">Drept civil 
- agricultură, exploatări agricole, prelucrarea şi comercializarea produselor agricole; 
- comerţ cu produse alimentare; 
- imobiliar; 
- distribuţie de carburanţi; 
- transporturi; 
- asigurări; 
- producţie şi comercializare utilaje grele; 
- producţie structuri metalice; 
- design, fotografie, artă; 
</p>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-4" style="font-size:17px;color:white;">
<p class="text-left">Drept administrativ 
- producţie automatizări; 
- servicii de proiectare; 
- comercializare automatizări; 
- jocuri de noroc; 
- turism, hoteluri şi pensiuni; 
- medical; 
- construcţii civile şi industriale; 
- comercializare utilaje şi autovehicule, service auto; 
- producţie software, administrarea site-urilor; </p>

    </div>
       <div class="col-sm-4 col-md-4 col-lg-4" style="font-size:17px;color:white;">
 <p class="text-left"> 
- comerţ; 
- bursier, societăţi listate, investitori, fonduri de investiţii; 
- asistenţă şi îngrijire copii şi vârstnici; 
- exploatări forestiere şi prelucrarea lemnului; 
- extracţia şi prelucrarea minereurilor; 
- producţia şi comercializarea materialelor de construcţii; 
- instituţii publice; 
- instituţii religioase.</p>
    </div>
  </div>
</div>

我尝试添加overflow:auto;但不幸的是不起作用或我添加了行。 我需要你的一些建议,以便我们可以解决这个问题。

提前致谢!

2 个答案:

答案 0 :(得分:1)

要使overflow: auto;生成滚动条,必须先指定高度。在媒体查询断点处设置.container-fluid的高度和溢出应该可以为您提供所需的内容。

答案 1 :(得分:0)

溢出-y:滚动; 只要指定高度和宽度,css中的上述样式应该有助于实现您的目标。