css переполнение полосы прокрутки появляется, даже когда нет прокрутки

Question

Я использую переполнение: прокручивайте, как код ниже, проблема, с которой я сталкиваюсь, заключается в том, что даже если текста нет, полоса прокрутки все же отображается.
demo on w3schools: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow Вы видите, что даже если вы не можете прокручивать по горизонтали (влево или вправо), по-прежнему имеется прокрутка. Я пытаюсь иметь его, где полоса прокрутки не отображается, если нет ничего, чтобы прокрутить to.hope это имеет смысл

<style type="text/css"> 
    div.scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
    } 
</style> 
<p>overflow:scroll</p> 
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div> 

Answer 1

Я думаю, что вы ищете overflow: auto.

Mozilla's Documentation on Overflow

CSS-свойство переполнения стенография для перелива-х и перелива-у свойств, и определяет, что делать, когда содержание слишком большой, чтобы поместиться в контексте форматирования блока.

Возможные варианты: отсечение, отображение полос прокрутки или отображение содержимого, выходящего из контейнера, в окружающую область.

авто

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

Answer 2

Попробуйте

overflow: auto 

Ссылку вы предоставили действительно сложно. Здесь все объяснено, я думаю, гораздо лучше: CSS-Tricks