w3school。学完HTML之后,觉得单纯看知识点有点枯燥,容易忘记,于是找了一个具体的网站练习补上。不懂的知识点。position:relative和position:absolute困扰了我将近一个星期。我在网上查到的资料五花八门。确认了对“this”的理解后,又看了一篇资料,发现对“this”的理解是错误的,于是不断修正,并记录下来,最后整理出这个,供参考。如有错误请指正。以下结果是基于firefox38版本测试的。position:relative相对定位1.如何定位?每个元素在页面的正常流动中都会“占据”一个位置,可以理解为默认值,而相对定位就是将元素偏离元素的默认位置,但仍然保持原来的默认位置在正常流量。(定位在父节点的content-box区域,如果父节点有文本,则元素默认位置在文本旁边。)2.内联元素的display属性不会改变。3、不偏离正常流程,只是视觉上的偏移。代码——
