很多时候会用到自适应的效果，现在我分享一个两边固定中间自适应的效果， 利用的是浮动特性来完成的，下面是代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>宽度自适应布局</title> <style> .mid{ height:400px; background:#c00; margin:0 100px;} .left{ height:400px; background:#0c0; float:left; width:100px;} .right{ height:400px; background:#00c; float:right; width:100px;} </style> </head> <body> <div class="right">固定</div> <div class="left">固定</div> <div class="mid">自适应</div> </body> </html>
原文：http://www.cnblogs.com/congzhen/p/6005392.html