max-width css only! no javascript,no expression

max-width css only! no javascript,no expression

  1. .leftpad{float:left; width:50%; margin-right:-480px;}
  2. .rightpad{float:right; width:50%; margin-left:-480px;}
  3. .content{_float:left; padding:10px; overflow:hidden; border:1px solid #CCC;}
  4. .inner{overflow:hidden; width:100%;}

该方法的关键点在哪里?

答曰:负边距

.content的overflow:hidden属性用于解决浏览器的兼容性问题!