博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
清浮动
阅读量:5815 次
发布时间:2019-06-18

本文共 486 字,大约阅读时间需要 1 分钟。

浮动本来是用在文字环绕图片,

现在却被用来排版,替代很久以前的表格式排版。

清除浮动两种方式,一种是在包裹浮动元素的大框加:after,

另一种是添加新元素,

html body div.clear,html body span.clear{
background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

还有第三种方案,压根不用float,用inline-block来设置li元素或a元素。

这点在m.tmall.com里面运用尤其明显。

转载于:https://www.cnblogs.com/samwu/archive/2012/12/05/2802608.html

你可能感兴趣的文章
照虎画猫写自己的Spring——依赖注入
查看>>
『Re』知识工程作业_主体识别
查看>>
js 离开页面
查看>>
system函数的应用一例
查看>>
采用jacob实现word转pdf
查看>>
Go语言mgo
查看>>
《京东技术解密》——海量订单处理
查看>>
Python中print格式化输出
查看>>
组策略分发Adobe Reader 11教程
查看>>
在VS2015中用C++创建DLL并用C++调用且同一时候实现对DLL的调试
查看>>
项目计划内容总结
查看>>
jmx学习
查看>>
Linux 下MQ的安装和配置亲测
查看>>
使用Ecplise git commit时出现"There are no stages files"
查看>>
js 判断是否为数组
查看>>
有关计数问题的DP 划分数
查看>>
CSS3 网格布局(grid layout)基础知识 - 隐式网格自己主动布局(grid-auto-rows/grid-auto-columns/grid-auto-flow)...
查看>>
C语言指针转换为intptr_t类型
查看>>
点双连通分量与割点
查看>>
SpringMVC+Maven开发项目源码详细介绍
查看>>