css flex弹性盒布局 实现一个左右宽度固定,中间自动撑开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title>Title</title> <style> .box{ width:800px; height:300px; background:red; display:flex; display: -webkit-flex; -webkit-flex-direction:row; } .a,.c{width:100px;background:red;} .b {flex:1;background:blue;} </style> </head> <body> <div class="box"> <div class="a"></div> <div class="b"></div> <div class="c"></div> </div> </body> </html>