网页布局,右边距margin为0

来源:互联网 发布:监理行业发展前景知乎 编辑:程序博客网 时间:2024/05/22 08:02

网页布局,右边距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,单独起类不是规范的做法,正确的做法应该是这样!

0 0
原创粉丝点击