前端学习day07

溢出
overflow:;
    visible;    超出内容可见（默认值）
    hidden;     超出内容隐藏
    auto;       超出方向出现滚动条，未超出方向不出现
    scroll;     超出方向出现滚动条并且有滑块，未超出方向出现滚动条没有滑块

父元素不写高度，当子元素浮动时，父元素高度为0  
解决方法：为父元素添加 overflow:hidden;

white-space:nowrap;   强制不换行

text-overflow:ellipsis;  超出文本以省略号显示

省略号
1.width:;                宽度  
2.white-space:nowrap;    强制不换行
3.overflow:hidden;       超出内容隐藏
4.text-overflow:ellipsis;超出文本以省略号显示

锚点链接
<a href="#pic">点击跳转</a>
<p id="pic">目标</p>

定位

position:;
    relative;   相对定位（相对于原来本身的位置进行定位）   没有脱离标准文档流
                结合方位词一起使用   left right top bottom

    absolute;   绝对定位    完全脱离标准文档流
                结合方位词一起使用   left right top bottom
                1.没定参考  以窗口为参考定位
                2.定义参考
                    在包含块写position，将以包含块为参考进行定位

    fixed       固定定位 完全脱离标准文档流  以窗口为参考定位  不会随着页面滚动而滚动
                结合方位词一起使用   left right top bottom

    sticky      粘性定位

定位元素在Z轴上的方向   后来者居上
z-index:;  调整定位元素在Z轴上的层级  正值往上  负值往下  值越大越靠上（一般配合定位元素position一块写）