网页布局,右边距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
- 网页布局,右边距margin为0
- CSS利用负margin左边固定右边自适应布局
- 网页布局---左边固定右边自适应
- float与margin构成网页布局框架
- margin布局
- 三栏网页宽度自适应布局方法,margin负值法
- 使用div为网页布局
- margin为负值产生的影响和常见布局应用
- 页面布局margin:0 auto失效
- 浮动布局之------margin
- 转载wpf布局 margin
- margin 等高布局
- margin实现页面布局
- margin负边距布局
- margin负值布局
- margin布局居中显示
- 利用padding margin 布局
- 滑动布局margin-left
- linux配置tomcat+mysql+jdk
- 自己动手用C扩展PHP(二)
- LightOJ 1234(调和级数、有通项公式的发散数列求和)
- spring集成redis
- UEditor之实现配置简单的图片上传示例
- 网页布局,右边距margin为0
- Django官方手册阅读(投票应用)
- ASmack连接Openfire服务器异常
- HDU1142 A Walk Through the Forest(SPFA+记忆化搜索)
- mapreduce编程---寻找图中的三角形
- mybatis高级输出映射(多对多查询)
- 自己动手用C扩展PHP(三)
- 传输层
- poj 1511 Invitation Cards(优先队列优化Dijkstra+链式前向星存储边)