title: How to create div with vertical scroll bar only for long content
body: <p>I want to make div with vertical scroll-bar only for long content without horizontal scroll-bar. I am not familiar with CSS.  Let me know if I am missing anything.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#scroldiv {
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 750px;
    height: 1200px;
    background-color: wheat;
  }
  #iframe {
    width: 803px;
    height: 1000px;
    background: #FFFFFF;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;form id="form1 " runat="server "&gt;
    &lt;div id="scroldiv " style=" "&gt;
      &lt;iframe id="iframe " scrolling="auto " frameborder="0 " onload="window.scrollTo(0, 0) " src="http://www.myhotels24.eu/fibe.aspx?hid=10000&amp;chid=0&amp;rate=IBE&amp;css=brown " allowtransparency="true "&gt;&lt;/iframe&gt;
    &lt;/div&gt;
  
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>