css BFC粗浅应用
来源:互联网 发布:怎么找回淘宝店铺 编辑:程序博客网 时间:2024/06/05 18:53
在网上搜CSS BFC,很多专业的帖子,本文只说下最简单的应用
在布局的时候,有时候absolute是很方便的,比如要制造某元素离底部10px的效果,用absolute定位可能是最简单的方式。而absolute布局,就涉及到BFC的概念
首先为一个元素设置样式:
position: absolute;bottom: 0;
就会设置此元素紧贴它的BFC的底部。在没有创建任何新BFC的情况下,body就是整个文档唯一的BFC,所以此元素就会贴住body的底部
对于下面的结构:
<div id="wrapper"> <div id="content"> </div></div>
如果希望content贴住wrapper的底部,就需要把wrapper设置成BFC。把wrapper设置成BFC的方法,最简单的办法是设置为relative
#wrapper { position: relative;}#content { position: absolute; bottom: 0;}
0 0
- css BFC粗浅应用
- CSS中BFC的应用
- 浅谈CSS BFC及其应用
- CSS BFC
- css BFC
- ajax的粗浅应用
- css巧妙构造BFC
- CSS之BFC
- CSS BFC学习笔记
- css浮动与BFC
- CSS属性、BFC、IFC
- CSS中的BFC学习
- 理解css的BFC
- CSS之BFC详解
- CSS之BFC
- 理解CSS中BFC
- CSS浮动与BFC
- CSS布局之BFC
- linux学习之十---vfork()&fork()函数
- curl命令行工具---常用方法总结
- Naming Variables-From "Code Complete"
- oracle merge 误区
- 根据简历预测自己的面试问题
- css BFC粗浅应用
- 一致性 hash 算法( consistent hashing )
- QT项目升级(QT4到QT)
- Java中常用缓存Cache机制的实现
- Linux内核中的内存屏障
- 利用统计方法求π(PI),并可视化显示求解过程(C++&&OpenCV)
- 14再论逃跑按钮的实现
- 10 个理由让你继续干 IT
- 关于java String格式 转Date格式 SimpleDateFormat 报java.text.ParseException 错误