En las capas CSS se puede colocar tanto texto como se desee. Esto puede hacer que capas proximas tengan tamaño muy diferente, lo que nos ocasionaria un problema de estética. Controlar la cantidad de texto seria un modo, pero esto no siempre es posible, imagine una web de anuncios.
Una solución para este problema es situar los textos dentro de una capa CSS con barras de desplazamiento o scroll. Así podemos tener unas capas todas iguales, pero con cantidades de texto muy diferentes pero sin mostrar efectos de asimetria para la página.
<html>
<head>
<title>Capa CSS con scroll</title>
<style type="text/css">
.capa_scroll{
margin: 10px auto;
height:100px;
overflow: auto;
width:300px;
}
</style>
</head>
<body>
<div class="capa_scroll">
El diseño gráfico no significa crear un dibujo, una imagen,
una ilustración, una fotografía. Es algo más que la suma de
todos esos elementos, aunque para poder conseguir poder
comunicar visualmente un mensaje de forma efectiva el
diseñador debe conocer a fondo los diferentes recursos
gráficos a su disposición y tener la imaginación, la experiencia,
el buen gusto y el sentido común necesarios para combinarlos
de forma adecuada.
</div>
</body>
</html>