标签:位置 今天 ima 知识 1.2 清除浮动 网页布局 relative 技术分享
今天是2017年3月23日
1 复习昨天知识
1.1浮动
Float:left | right
特点:
->浮动的元素不占位置(脱标)
->可以将行内元素转化为行内块元素
->块级元素在一行上显示
->设置了浮动的元素,影响其后面的元素
作用:
解决了文字图片环绕问题
制作网页导航栏
网页布局
清除浮动
清除浮动的影响
1.2定位
静态定位(static)
绝对定位(absolute)看脸型
绝对定位绝对脱标(不占位置)
行内元素转化为行内块元素
如果父盒子没有设置定位,以浏览器左上角为基准设置定位
如果父盒子设置定位,以父容器左上角为基准设置定位
相对定位(relative)自恋型
看自己的位置设置定位
相对定位没有脱标,占位置
子绝父相
李洪强和你一起学习前端之(7)定位盒子 css可见性 滑动门案例
标签:位置 今天 ima 知识 1.2 清除浮动 网页布局 relative 技术分享
原文地址:http://www.cnblogs.com/LiLihongqiang/p/6604304.html