<!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任意值（像素，百分比，），就可以。