HTML How to create a DIV with only vertical scroll-bars for long paragraphs

Question

I want to show terms and condition note on my website  I dont want to use text field and also dont want to use my whole page  I just want to display my text in selected area and want to use only vertical scroll-bar to go down and read all text   Currently I am using this code    lt div style  width 10 height 10 overflow scroll   gt   text text text text text text text text text  text text text text text text text text text  text text text text text text text text text  text text text text text text text text text  text text text text text text text text text  text text text text text text text text text  text text text text text text text text text  text text text text text text text text text  lt  div gt    Two Problems    It is not fixing the width and height and spread until the all text appears   Second it is showing horizontal scroll-bar and I don t want to show it

User · Answer

You need to specify the width and height in px   width  10px  height  10px    In addition  you can use overflow  auto  to prevent the horizontal scrollbar from showing   Therefore  you may want to try the following    lt div style  width 100px  height 100px  overflow  auto    gt    text text text text text text text text text   text text text text text text text text text   text text text text text text text text text   text text text text text text text text text   text text text text text text text text text   text text text text text text text text text   text text text text text text text text text   text text text text text text text text text  lt  div gt

User · Answer

You can use the overflow property   style  overflow  scroll  max-height  250px  width  50

User · Answer

To show  vertical scroll bar in your div you need to add  height  100px     overflow-y   scroll    or  height  100px   overflow-y   auto

User · Answer

Use overflow-y  This property is CSS 3

User · Answer

For any case set overflow-x to hidden and I prefer to set max-height in order to limit the expansion of the height of the div  Your code should looks like this   overflow-y  scroll  overflow-x  hidden  max-height  450px

User · Answer

Thank you first  Use overflow auto it works for me   horizontal scroll bar disappears

User · Answer

to hide the horizontal scrollbars  you can set overflow-x to hidden  like this   overflow-x  hidden

User · Answer

I also faced the same issue   try to do this   this worked for me           scrollBbar                    position fixed          top 50px          bottom 0          left 0          width 200px          overflow-x hidden          overflow-y auto

User · Answer

This is my mix   overflow-y  scroll  height  13em     Initial height  resize  vertical     Allow user to change the vertical size  max-height  31em     If you want to constrain the max size

User · Answer

overflow-y   scroll  overflow-x   hidden    height is optional

[css] HTML: How to create a DIV with only vertical scroll-bars for long paragraphs?

Examples related to css

Examples related to html

Examples related to overflow