网页布局,右边距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,单独起类不是规范的做法,正确的做法应该是这样!
本文介绍了一种常见的网页布局方法,通过CSS样式实现多个元素并排显示,并确保最后一列的外边距为0,避免了额外的类定义,使布局更加整洁规范。
1165

被折叠的 条评论
为什么被折叠?



