设置div的时候有时候用到宽度100%会导致撑破盒子的问题解决

相信大家在做网页页面设计的时候，都会遇到这么一个问题：在设计俄罗斯套盒的时候（我在说什么？）咳咳，即当盒子里面再套一个盒子的时候，里面盒子由于外面盒子的border和其本身设置的border，padding，margin等元素，会把外面的盒子给撑破了。即使在外面的盒子加了padding也不能解决这个情况。

我在学习设计一个类似QQ空间的网页的时候也遇到了这个问题，里面text area撑破了外面的div，代码和效果图片如下：

#top{
   
		border:1px solid #dddddd;
		height:150px;
		width:600px;
		position:absolute;
		left:0;
		right:0;
		margin:0px auto;
		
		padding-left