如上圖，這樣的兩端對(duì)齊是非常常見的排版方式，一般來講，綠色的一般是一模一樣的，比如是ul li，li的尺寸相同，整齊排列，這時(shí)候就可以使用margin負(fù)值進(jìn)行兩端對(duì)齊！
上圖實(shí)現(xiàn)代碼：
<!doctype html><html><head><meta charset="utf-8"><title>margin負(fù)值 - 兩端對(duì)齊（margin可以改變?cè)爻叽绲奶匦裕?span id="ql3ng3d" class="prism-token prism-tag" style="box-sizing:border-box;margin:0px;padding:0px;outline:0px;color:#990055;"></title></head><style> *{margin: 0;padding: 0;} body{margin: 100px;} /*css開始*/ .box{width: 680px; background-color: #999;overflow: hidden} .box ul{list-style: none;margin-right: -20px;} .box li{float: left; width:155px;height: 120px; margin-right: 20px;margin-bottom: 20px; background-color: green;}</style><body><div class="box"> <ul> <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> </ul></div></body></html>重點(diǎn)就是CSS中： .box ul{list-style: none;margin-right: -20px;}中，加入了margin-right:20px;此時(shí)對(duì)ul整體更改了尺寸，負(fù)值20px，是為ul增大尺寸20px，此時(shí)li就可以很好的排列了！
