十、一行多个:使用float布局的经典方法 ---接(一)
2024-10-19 18:29:14
1、使用float必须要清除float:即在使用float元素的父级元素上清除float。
清除float的方法有三种,在父元素上加:1、width: 100% 或者固定宽度 +overflow:hidden;或者 overflow: auto;
2、clear:both
3、(推荐)在父级元素上增加伪类
.clearfix:before {display: table;content: "";line-height:;}
.clearfix:after{clear: both;}
.clearfix:after,.clearfix:before {display: table;content: "";line-height:;}
2、经典布局:
每一个块都是通过一个div循环出来的。所以中间的div由于经验不足不知道如何创建间隔,总是所有的div都挤在一起。请教大神后的解决办法居然有两种,下面娓娓道来:
对于这个的布局有两种很经典的方法:(!!!外面的空白全部使用padding-left来进行撑开!!!)
- 使用百分比
#interesting_Sec{ |
#interesting_Sec div { |
- 在DIV的外面再包一层
#interesting_Sec { 左右padding都是10px这样对DIV实现margin:0 5px;就可以实现左右间距都为5px; |
.interesting_div div { |
最新文章
- 【初学python】使用python连接mysql数据查询结果并显示
- 安卓gridview 网格,多行多列实现
- mvc 数据验证金钱格式decimal格式验证
- 浙江理工2015.12校赛-A
- ubuntu14安装java8
- Notification与多线程
- Phonegap(Cordova)3.4 + Android 环境搭建
- 如何把一个表中的部分字段值插入到另一个表中去 这sql吊
- 更新-----Scripts:执行双网卡绑定
- SQL Server 与 Windows 内存使用上的约定
- RabbmitMQ集群搭建流程
- C# 语言规范_版本5.0 (第14章 枚举)
- el表达式字符串使用总结
- Visual Studio中让一个JS文件智能提示另一个JS文件中的成员
- javascript进制转换
- log4j配置及使用
- 【BZOJ 4016】 [FJOI2014]最短路径树问题
- x86汇编寄存器,函数参数入栈说明
- stdio.h cstdio的区别
- Uni2D 入门 -- Skeletal Animation