網頁佈局,右邊距margin爲0
<style>
body,ul{padding:0;margin:0;}li{float:left;width:100px;height:100px;margin-right:50px;list-style:none;background:#DBE6FD;margin-top:10px;}
.clearfix:after{content:"";height:0;display:block;clear:both;}
.wrap{border:1px solid red;width:400px;overflow:hidden;}
.wrap1{border:1px solid yellow;width:450px;}
</style>
<div class="wrap">
<div class="wrap1">
<ul class="clearfix">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li></ul>
</div></div>
網頁當中有很多,這種佈局,最後一列margin爲0,單獨起類不是規範的做法,正確的做法應該是這樣!