首页 > 代码库 > 李洪强和你一起学习前端之(7)定位盒子 css可见性 滑动门案例
李洪强和你一起学习前端之(7)定位盒子 css可见性 滑动门案例
今天是2017年3月23日
1 复习昨天知识
1.1浮动
Float:left | right
特点:
->浮动的元素不占位置(脱标)
->可以将行内元素转化为行内块元素
->块级元素在一行上显示
->设置了浮动的元素,影响其后面的元素
作用:
解决了文字图片环绕问题
制作网页导航栏
网页布局
清除浮动
清除浮动的影响
1.2定位
静态定位(static)
绝对定位(absolute)看脸型
绝对定位绝对脱标(不占位置)
行内元素转化为行内块元素
如果父盒子没有设置定位,以浏览器左上角为基准设置定位
如果父盒子设置定位,以父容器左上角为基准设置定位
相对定位(relative)自恋型
看自己的位置设置定位
相对定位没有脱标,占位置
子绝父相
李洪强和你一起学习前端之(7)定位盒子 css可见性 滑动门案例
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。