如下内容溢出

<div class="twoDivClass">div2<br/><script>for (var i = 0 ; i < 10 ; i ++) {document.write(i+"<br/>");}</script>
</div>

1、使用overflow属性处理

.twoDivClass {width: 200px;height: 100px;background-color: blue;position: absolute;right: 15px;top: 50px;overflow: hidden;
}

visible     默认值。内容不会被修剪，会呈现在元素框之外。
hidden  内容会被修剪，并且其余内容是不可见的。
scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit     规定应该从父元素继承 overflow 属性的值。

 hidden

scroll

auto

2、使用clip属性处理

.twoDivClass {width: 200px;height: 100px;background-color: blue;position: absolute;right: 15px;top: 50px;/*设置元素的形状。唯一合法的形状值是：rect (top, right, bottom, left)*/clip: rect(0px,200px,100px,0px);
}