Как выделить контент в Div

Question

, как известно, содержимое div с фиксированным размером выйдет из div, если им потребуется больше места. ex: http://jsfiddle.net/YaTeG/ теперь мой вопрос - как остановить его без каких-либо js? я имею в виду как iframe! который имеет полосы прокрутки, если нам нужно больше места.

Answer 1

Если вы обновите свой css следующим образом;

#wrapper { 
    position: absolute; 
    width: 200px; height: 200px; 
    top: 20px; left: 20px; 
    background-color: #ff0; 
    border: 2px solid #000; 
    overflow:auto; 
} 

будет автоматически прокручиваться, если ваш контент больше, чем div.

overflow:auto; 

Вы можете посмотреть на here для различного стиля этого случая

Answer 2

Используйте overflow.

• overflow: hidden, если вы хотите, чтобы вырезать, или
• overflow: auto если вы хотите скроллбары появляться в случае, если содержание слишком долго.

Answer 3

overflow управления собственностью обе полосы прокрутки по горизонтали и вертикали. Если вам нужен дополнительный контроль, вы можете установить свойство overflow отдельно для каждой полосы прокрутки.

overflow-x свойство управляет горизонтальной полосой прокрутки и overflow-y - для вертикального

например,

.some_element{ 
    overflow-x: hidden; 
    overflow-y: auto; 
}