2015-04-07 68 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中的樣式應該可以幫助您實現以下目標。