DIV+CSS自適應寬度:
- <!DOCTYPE html/>
- <html>
- <head>
- <title>自適應寬度實例--www.ops.cc</title>
- <style type="text/css">
- /* 自適應寬度 */
- #left{width:150px;margin-right:-150px;float:left;}
- #center{width:auto;margin:0 0 0 150px;}
- #right{width:140px;margin-left:-140px;float:right;}
- /* 自適應高度度 */
- /* warp 用於隱藏溢出的部分 */
- #wrap{overflow:hidden;}
- #left,#center,#right{padding-bottom:20000px;margin-bottom:-20000px;}
- </style>
- </head>
- <body>
- <div id="wrap">
- <div id="left" style="background:#333;height:600px;">左邊欄,固定寬度150px;高度600px</div>
- <div id="right" style="background:#555">右邊欄,固定寬度150px;高度:自適應</div>
- <div id="center" style="background:#888">中間欄,寬度:自適應,高度:自適應</div>
- </div>
- </body>
- </html>