排版 ：只要使用定位必须有一个相对位置的参照物 relative
具体定位的那个元素需要加position:absolute （绝对定位的意思） 具体到某个地方 ，特别详尽的意思
浏览器使用绝对定位的时候，浏览器会逐层向上级元素找position属性 如果父级没有就会继续向上级查找position ，一直找到position为止，如果找不到就会以body为相对位置。
position两个属性 absolute属性 relative属性
具体位置 给一个参照物
页面布局
页面布局分两个部分 结构层和布局层
结构层指 搭载我们页面的框架（ 遵循浏览器的规则）标准文档流
布局层 指 针对我们框架内部结构进行排版 （用后代选择器或子代选择器做结构层）
每当写一个模块先套两个<div>，一个结构层 （尽量只设置width;margin:0 auto)，一个布局层
注意能不使用浮动解决问题的时候，尽量不要用浮动。
盒子标签<div> 意思是：就是一个容器 ，可以装任何标签
细节：块级元素的宽 ，如果没有设置宽，就是父级的宽 如果没有设置高就是内容的高度
单位问题：百分比 给一个元素设置宽是50%，那么这个百分之五十相对于他的父级
窗口是能看见的内容，网页时整体（html）
relative和absolute的区别
absolute脱离了标准文档流
relative不会 虽然给值了 但依然会占着原来的位置
relative有在形影分离 所以一般情况下不建议添加值，一般给子元素当参照位置或是对元素进行微调
absolute的一种压盖现象“压盖”效果
z-index层次关系 可以改变元素的层叠位置 所有标签的默认值为0 ,z-index的值越大该元素就在上方
备注：以后做定位的时候经量保持“子绝父相”（儿子绝对定位，父级相对定位）
position:fixed; 固定定位 当内容很多的时候 ，滚动滚动条的时候fixed会固定在那个位置 ，始终不变
脱离标准流的属性 float; absolute; fixed; position:static （静态 系统默认的）
form表单 唯一一个跟后台有关系的标签
<form:action="" method="post"></from>
action（提交的位置） method（提交的方式）
method后面两个属性值 post（加密）和get （不加密）
get是 http的url上提交的
post加密在http中的一个body对象上提交的
<form></form>
<input type="text" /> 文本框
<input type="password" /> 密码框
<input type="radio" /> 单选框
<input type="checkbox" /> 多选框
<input type="button" value=""/> 普通按钮
<input type="submit" value""/> 提交按钮
http 是一种协议 就是客户端和服务端连接的一种协议 （超文本传输协议）
下拉列表
<select name="">
<option value=" 给后端看的 " > 前端看的 </option>
</select>
<input type="reset" value="" /> 重置列表
margin 塌陷如何取消：overflow:hidden