贾老师每日小课堂（9.17）

一，定位

　　　1.Position位置

　　　　2.只要使用定位，必须要有一个相对的参照物。relative     position：relative；相当于把物体从起原来的位置进行移动。不需要考虑父级。

　　　　　　3.具体定位的那个元素需要加position:absolute;绝对的  绝对的 :就是具体到某一个地方了，特别详细的意思。

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

 二,页面布局

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

　　 2.布局层：针对框架内部结构进行排版。

           不需要使用浮动解决的问题尽量不用。

　　　使用浮动之后会使该元素脱标，并且该元素的margin。

三,div 盒子模型:就是一个容器，可以装任何标签。

1. 盒子实际占用的空间
2. 盒子的实际宽高和高度
3. 如何理解盒子模型

细节性的问题

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

结构选择器

Div:nth-of-type(1)

单位问题 width

1.100px

2.百分比，给一个元素设置的宽是50%，那么这个50% 是相对他的父级。