第八章

定位网页元素

1.定位在网页中的应用
下拉菜单、固定导航栏、鼠标悬浮提示信息是浮动和标准文档流实现不了的
2.属性
(1)position定位:
①absolute:绝对定位
②fixed:固定定位
③relative:相对定位
top:上下
left:左右
*相对元素定位的
①设置相对位的盒子会相对它原来的位置,通过偏移,、到达新的位置
②设置相对位置的盒子仍然在标准文档流中,它对父级盒子和相邻的盒子没有影响
③设置相对位置的盒子,原来的位置会被保留
④static:默认值,没有定位
*对标准文档流进行的,
⑤Absolute绝对定位
*根据浏览器窗口为基准
3.样式重叠(z-index)
z-index:负值重叠带元素上方

猜你喜欢

转载自www.cnblogs.com/x-Zhang/p/8988238.html