5,一个常用的组合子绝父相,子盒子采用绝对定位(absolute),父盒子用相对定位(relative),将子盒跟父盒子的相对位置绑定
今天上课半斤八两半斤八两的我突然不愿意听课,于是突然有了雅兴来解决自己这几天的疑惑。先对自己理解的
,也就是可以理解为正常的文档流2、relative:relative是相对于自己文档的位置来定位的,对旁边的元素没有影响3、absolute:absolute是相对于父标签来进行定位的,如果没有父标签或者父标......
规定元素的定位类型,定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
一般分为三种,一种是相对定位relative,一种是绝对定位absolute,一种是固定定位fixed,接下来分别说明这三个
在介绍定位之前,我们有必要了解一下文档流1、文档流与脱离文档流文档流是相对于盒子模型来讲解的,正常的文档流就是标签所处的一个空间,脱离文档流就是标签所处的另一个空间(正常空间之上的空间),一般来说,所有的页面操作都是基于这两个空间上完成的。并且脱离文档流空间的元素位置是不固定的,也没有块级和行级
。举个例子:当元素浮动时,会使其跳出文档流,也就是说后面的元素会无视先前它所占有的位置......
,其实在实际开发页面过程中,记录一下这个让我迷茫的relative,我将它分为三种情况进行说明包含关系:父级absolute,子级relative;包含关系:父级relative,子级absolute;并列关系:兄弟标签都是relative;1.最具常见的用法就是父级标签relative,子级标签
staticrelativeabsolutefixedstatic没有特殊的定位,遵循正常的文档流,每个元素的
默认都是这个。它会占用文档空间,并且定位方法top,right,bottom,right,z-index
设置的值都无效relative进行相对定位,遵循正常的文档流,相对于这个对象在文档流中原来的位置进行偏移,注意:因为它也时占据文档空间的,但是它的top/left/right/bottom

