1、元素在页面中渲染的定位模式：
流式定位：（即代码中的元素按照书写顺序从左向右、从上向下的渲染）
非流式定位：即元素脱离流式定位，在页面的任意位置都有渲染的可能。
2、元素的定位模式使用position属性进行设置：
取值：static(默认值)，表示元素在流式定位模式下渲染。
absolute绝对定位 relative相对定位 fixed固定定位
当属性取值为非流式定位时，元素的位置由 left right top bottom决定。
3、非流式定位的使用原则：
a、当父元素采用相对定位，子元素采用绝对定位时，子元素的位置将相对于父元素左上角进行定位。
b、父元素采用非流式定位，子元素采用绝对定位。此时子元素的位置将相对于父元素左上角进行定位。
4、手形鼠标：cursor:pointer;作用在什么元素上，哪个元素将呈现手形鼠标。
5、display属性：block将元素转为块级元素。 inline将元素转换为内联元素。
inline-block:将元素转换为内联块级元素（既能设置宽高，也能在一行显示十多个）
6、非流式定位的父元素内部的子元素居中问题：
a、让子元素的top和left均设置为50%；同时向反方向调整高度和宽度的一半。
b、让子元素的四个方向位置均设置为0，同时将margin属性设置为auto取值。
left:0;top:0;right:0;bottom:0;
margin:auto.
7、overflow：取值：visible（默认值）元素溢出的部分仍可见。
hidden元素溢出的部分隐藏
scroll强制显示滚动条
auto自动显示滚动条
若页面最终布局完成后产生了水平滚动条，则需在<body>标记对中设置水平方向的溢出为：
body{
overflow-x:hidden;
}
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
