定位：
1、普通流定位
普通流，又称为文档流
块级元素：从上到下一个一个的排列
行内元素：一行内从左到右的排列
2、浮动定位
1、什么是浮动定位
将元素排除在普通流之外，即脱离文档流
浮动元素不会占据页面空间
浮动元素会放置在"包含框"的左边或右边
浮动元素依旧位于包含框之内
浮动元素可以向左或向右浮动，直到碰见包含框的边缘或另一个已浮动的元素框为止
2、特点
1、浮动元素边缘不会超过其父元素的边缘
2、浮动元素不会重叠
3、浮动只能左右浮动，不会上下浮动
注意：非块级元素浮动的话，那么将会变成块级元素，允许修改 width 和 height
3、处理问题
1、让块级元素在同一行内显示
2、修改行内元素的 width 和 height
4、浮动属性
属性：float
取值：
none
left
right
清除浮动所带来的影响:
属性：clear
取值：left
right
both
5、子级元素的浮动，为父层元素所带来的影响
如果一个元素的所有子级内容都是浮动的，那么它的高度会变成 0
解决方案
1、设置父容器高度
2、设置父元素的 overflow:hidden;
3、在父元素中，增加一个空元素，添加clear:both;
2、显示方式
1、display
none：生成元素没有框，不占据页面空间，隐藏
block：按块级显示
inline：按行内方式显示
inline-block:行内块，所有的元素在一行内显示，允许修改width 和 height
使用场合：
1、控制元素的显示与隐藏
隐藏：display:none;
显示：
块级 ：display:block
行内 ：display:inline
2、将行内元素变成块级 或 行内块
目的：修改行内元素的宽和高
2、显示效果
1、visibility
可见性
取值：
visible ：默认值，可见的
hidden ：元素不可见，占据页面空间
collapse ：用在表格上
问题：visibility:hidden 与 display:none的区别
2、opacity
透明度
取值：0 – 1
opacity:0.5;
3、vertical-align
垂直方向对齐
td
img
取值：
baseline : 默认，基线对齐
top : 顶部对齐
bottom ：底部对齐
middle ：居中对齐
放在img 上，控制的是 img 左右两端文本的垂直对齐方式
4、光标
改变鼠标的显示效果
属性：cursor
取值：
default
pointer ：小手
crosshair ：+
text ： I
wait : 等待
help : ？
@ html？
1，html让元素隐藏主要通过下面的方法来实现；
2，方法一：display:none;
特点: 真正的隐藏元素。
(1) 将元素的display属性设置为none能够确保元素不可见;
(2) 使用这个属性,被隐藏元素不占用任何空间;
(3) 使用display:none隐藏元素,不能直接跟用户进行交互操作
(4) 任何这个隐藏元素的后代元素也会被隐藏;
(5) 但是，可以通过JS中的DOM操作访问到这个被隐藏的元素，也可以通过DOM对它进行操作。
方法二：overflow: hidden;
原理: 将元素位置设置到父元素的外面。
方法三：设置元素的宽高等盒子模型的属性值为0。
方法四：利用定位隐藏元素。
优点：只要通过将元素的left和top设置足够大的复数 (这个元素可以跟用户进行交互);
缺点：仍然可以使用读屏软件读取元素的内容。
方法五：.opacity:设置元素透明度为0。
特点: 将元素的透明度设置为0，只是从视觉隐藏元素，元素本身的位置仍然存在，也可以跟用户进行交互。
方法六：visibility: 设置元素是否可见。
默认为：visible(可见);
隐藏(不可见)：hidden。
@ css隐藏元素的几种方法？
css隐藏元素是网页编写常用的方式，根据偶的经验总结了以下几种css隐藏元素的方法.
opacity
opacity属性的隐藏方法主要是将元素透明度opacity设置为0，从而在视觉上就隐藏了元素，但是元素本身依然占据的着原有空间。
浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替，如: filter: Alpha(opacity=80)。
语法: opacity: value|inherit;
value: 透明值。可取值有 0.0 （全透明）和 1.0（不透明）。
inherit：从父元素集成opacity属性的值。
其规定使用的CSS版本为 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例：
.hide { opacity: 0;}display
display属性的隐藏方法主要是将元素display值设置为none，将其不可见，连盒子模型也不生成，甚至连也不占用原有空间，使用该属性为none时用户对该元素的操作将不可用。
其规定使用的CSS版本为 CSS1。
JavaScript上的display隐藏时方法: object.style.display=”none”。
JavaScript上的display显示时方法: object.style.display=”除none的其他值”
display的属性值包含有: “inline-table”、”run-in”、”table”、”table-caption”、”table-cell”、”table-column”、”table-column-group”、”table-row”、”table-row-group”、以及 “inherit”。
使用示例：
.hide { display: none;}
如果使用jQuery对 带有display: none;的元素进行显示/隐藏使用: $(‘.element’).show() / $(‘element’).hide();
position
position属性的隐藏方法主要是将元素定位出可视区域，从而达到隐藏效果。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
该属性的值包含有: absolute，fixed，releative，static，inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.position=”absolute” ,object.style.top=”-99999px”,object.style.left=”-99999px”。
使用示例：
.hide {
position: absolute;
top: -99999px;
left: -99999px;
}
visibility
visibility属性的隐藏方法主要是在使用动画效果时使用，将该值设置为 hidden将隐藏元素及其子孙元素，如，大家需要鼠标移动到元素后显示子元素，可在元素 的hover样式设置 元素（或其子孙元素）的visibility的值 为visible即可。
该属性的值包含有:visible，hidden，collapse，inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.visibility=”hidden”。
使用示例：
.hide {
visibility: hidden;
}
.show
{
visibility: visible;
}
overflow
overflow属性的隐藏方法主要是, 使用超出隐藏的方法。
使用示例：
.overflow
{ overflow: hidden;}
@ 是指数据太大或太小？
差不多是这个意思，计算机字长都是固定的，比如32位，如果要表示的数据大于2的32次方，那就会溢出了，这时解决的办法可以用更多个字节来表示
