position 位置、表单

一、position    位置

1、只要使用了定位，必须有一个相对的参照物

2、具体定位的那个元素需加position：absolute；（绝对的）

　  绝对的：就是具体到某一个地方，特别详细的意思

　  使用绝对定位的时候，浏览器会逐层向上级元素找position属性，如果父级没有就会继续向上级查找position，一直找到position为止，如果找不到就会以body为相对位置。

3、position  细说

　　　　position：relative；　　　　　　　　　　position：absolute；

　　　　　　left：100%；　　　　　　　　　　　left：100%；

　　　　　　top：100%；　　　　　　　　　　　top：100%；

　　　　　*：position：relative　　如果设置了值，相对原来的位置进行调整

4、二者的区别

　　1）、absolute会脱离标准文档流，relative不会，relative虽然给了值，但依然占据着原来的位置

　　2）、relative存在“形影分离”，所以一般情况下不建议添加值，一般给子元素当参照物，或者是元素的微调

　　3）、absolute会有一种现象，压盖现象

　　z-index 层次效果，可以改变元素的层叠位置，所以的标签默认的是“0”，z-index的值越大，该元素就在上方

　　*注：以后我们在做定位的时候，尽量保持“子绝父相”

4、补充细节

页面布局：

　　　　我们在做网页时要分清楚结构层和布局层

　　　　结构层：搭我们的页面框架

　　　　*注：我们在做网页时，不需要用浮动解决的问题，尽量不要用

　　　　　　 使用浮动之后会使元素脱标

细节问题：

　　块级元素的宽度如果没有设置宽度，就是父级的宽；如果没有设置高度，根据内容而定。

二、表单

　　<form   action=""    method="post">

　　　　<input      mtype="submit"      value=""/>

　　</form>

　　action:提交的地址

　　method：提交方式

　　*注：method的提交方式有两种

　　　　  get：是在HTTP的url上提交的不加密

　　　　  post：是在HTTP中的body上提交的加密

　　　　（HTTP：超文本传输协议     是一种协议，就是客户端和服务端链接的一种协议）