2015-04-07 67 views
0

我有这个网站:如何为我的div制作垂直滚动条?

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> 

我尝试添加溢出:汽车;但不幸的是不工作,或者我添加了该行。 我需要一些建议,以便我们解决这个问题。

在此先感谢!

+0

请在你的问题中加入你的css文件 –

回答

1

要使overflow: auto;生成滚动条,必须先指定高度。在媒体查询断点处设置.container-fluid的高度和溢出应该会给你你想要的。

+0

你试过这个吗? 只出现水平和垂直滚动...我想要奇怪的问题 –

0

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