<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .a,.c{ width: 200px; height: 500px; background: red; } .a{float: left;} .b{ margin: 0 200px 0 200px; height: 500px; background: green; } .c{float: right;} </style> </head> <body> <div class="a"></div> <div class="c"></div> <div class="b"></div> </body> </html>
左右两列固定宽度,中间自适应布局
高否?富否?帅否?
否?
滚去学习!