html - 如何为我的 div 制作垂直滚动条？

Question

我有这个网站:

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;但不幸的是不起作用或者我添加了行。我需要你的一些建议，以便我们可以解决这个问题。

提前致谢!

Answer 1

为了让 overflow: auto; 产生滚动条，您必须首先指定一个高度。在媒体查询断点处设置 .container-fluid 的高度和溢出应该会给你想要的东西。