标签:
一:position定位
a: static 定位 ,HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。
b: fixed 定位, 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:
脱离文档流,因此不占据空间。
c:relative定位, 相对其正常位置,
相对定位元素经常被用来作为绝对定位元素的容器块。
d:absolute定位,相对于最近的已定位的父元素, 若没有,则相对于html。
最近已定位的父元素,什么叫已定位呢? 待补充!
脱离文档流,因此不占据空间。
发现:
1.当设置position:absolute后,元素脱离文档流,,元素会变为行内块元素!
2.position:relative声明了,但不指定偏移! 理解加深! 待补充
3.浮动布局和精确布局的混合使用 float的深刻理解! 待补充
二 float布局
1.浮动元素之后的元素将围绕它,浮动元素之前的元素将不会受到影响。
三:漏洞
vertical-align
line-height
touch-action: manipulation
-webkit-user-select: none;
background-image: none;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
css这些单位的选择上 百分比 单词 数字px em
tips:
1.学习要自己在实践中去验证。
标签:
原文地址:http://www.cnblogs.com/njqa/p/5642381.html