<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> ul,li{margin:0;padding:0;list-style:none;} ul{display:-webkit-box;} li{-webkit-box-flex:1;height:100px;background:red;margin:10px;} </style> </head> <body> <ul> <li>11111111111111111111111111111111</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html>
使用box-flex指定的他的宽度，但是被内容撑开了，这并不是理想中的。
解决方案：
1、给使用box-flexd的元素添加一个宽度，width任意值（像素，百分比，），就可以。