Oct 21st-
2015-10-21 09:42
239 查看
mooc如何用css进行布局
概念
需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。
而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。
*右侧哪两个 css 设置,可以让元素脱离文档流(浮动(float)和 绝对定位(position:absolute))
*CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。
*标准文档流
*盒子3D模型:border>content+padding>background-image>background-color>margin
概念
CSS中脱离文档流是什么意思?
CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。
而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。
*右侧哪两个 css 设置,可以让元素脱离文档流(浮动(float)和 绝对定位(position:absolute))
*CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。
*标准文档流
*盒子3D模型:border>content+padding>background-image>background-color>margin
相关文章推荐
- (转)证券公司信息化——4
- 栈的应用举例之进制转换
- 检测iOS设备是否越狱的方法
- 画笔
- HTML5+CSS3技术制作的数据云,下载即可使用,真正方便于程序员的demo
- nginx学习
- eclipse 插件未安装成功定位
- Nginx集群(转)
- 大牛总结:关注技术
- 遇见gtest -- HelloGtest
- 2015网页导航设计趋势&案例大搜罗
- 禁止Apache显示目录索引
- jQuery checkbox attr checked不起作用
- 基础篇(四) Service生命周期和进程内通信
- Spark学习笔记之-Spark 命令及程序入口
- Using Arel to Compose SQL Queries
- 测试我的第一篇博客
- 听说网易用户信息泄露了?
- 数组中的逆序对的总数
- python -- 抽奖