1.position位置
只要使用定位,必须要有一个相对的参照物。relative
具体定位的那个元素需要加position:absolut;绝对的:就是具体到某一个地方,特别清楚详细的意思。
使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如果父级没有就会继续向上级查找position,一直到找到position为止,如果找不到就以body为相对位置。
页面布局
结构层:搭我们的页面框架。
布局层:针对框架内部结构进行排版。不需要使用浮动解决的问题尽量不用。
并且该元素的margin,使用浮动之后会使该元素拖标。
div盒子模型:就是一个容器可以装任何的标签。
1.盒子实际占用的空间
2.盒子的实际宽度和高度
3.如何理解盒子模型
细节的问题
块级元素的宽如果没有设置宽度,就是父级的宽,如果没有设置高度,根据内容而定。
结构选择器
div:nth-of-type(1)
width单位问题
1.100px
2.百分比,给一个元素设置的宽是50%,那么这个50%是相对它的父级。