效果都一样，一个是清除浮动一个是换行清浮动。
<br style="clear:both;" />
#outer {
overflow:auto;
width:100%;
}
而对于使用额外标签清除浮动（闭合浮动元素），是W3C推荐的做法。至于使用<br />元素还是空<div></div>可以根据自己的喜好来选（当然你也可以使用其它块级元素）。不过要注意的是，<br />本身是有表现的，它会多出一个换行出来，所以要设定它的heigh为0，以隐藏它的表现。所以大多数情况下使用空<div>比较合适。
<meta name="viewport" content="width=device-width, initial-scale=1" />
body {
　　　　 font: normal 100% Helvetica, Arial, sans-serif;
}
img { max-width: 100%;}
.msn {
　 width: xx%;
　 width:auto;
}
.main {
　　　　 float: right;
　　　　 width: 70%;
}
.leftBar {
　　　　 float: left;
　　　　 width: 25%;
}