div内の長いテキストメッセージを作成する方法

Question

divボックス内に長いメッセージがあり、div内にそのテキストメッセージをスクロールバー（垂直）で表示する方法を探しています。リンクが2つありますあなたが見ることができるように： 1）免責事項 2）動作 上記のリンクはハイパーリンクですので、それらのリンクをクリックすると、選択に基づいて以下のdivが表示されます。素敵なモデルのdivなどとハイパーリンクの下にdivを表示することは可能ですか？あなたは、スクロールバーをしたい場合は

のdivボックスが素晴らしい見えるように可能であれば私はCSSの男ではないよ:)

<span ><a href="#" >Disclaimer-1</a></span> <span class="slide1"> 
     &nbsp; &nbsp; | &nbsp; &nbsp; <a href="#" class="slide1">Behavior</a></span> 
    <div id="one" > 
     Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 
    </div> 
    <div id="second" > 
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s  
    </div> 

Answer 1

は、overflow値autoまたはscrollを行い、その後heightを設定します。

div#one, 
div#two 
{ 
    height: 120px; 
    overflow: auto; 
} 

最新の編集については、JavaScriptを使用してそのようなものを実装しています。

Answer 2

こんにちは、スクロールバーを左側にして、ページをフォーマットしてください。使用できる基本的なCSSを見つけてください。

<style type="text/css"> 
     #one{ 
      overflow-y: scroll; 
      padding: 15px; 
      height: 150px; 
      line-height: 25px; 
      margin: 20px 0px 20px 0px; 
     } 
     #second{ 
      overflow-y: scroll; 
      padding: 15px; 
      height: 150px; 
      line-height: 25px; 
     } 
     span a{ 
     padding-left:15px; 
     color:blue; 
     text-decoration: none; 
     } 
     span a:hover{ 
     padding-left:15px; 
     color:blue; 
     text-decoration: none; 
     } 

    </style> 

ポイントwhen i click on the div i just need the div to be underneath the linksを指定してください。

ありがとう..