这个demo中的关闭按钮不滚动,原因是absolute可以超于没有设置relative的overflow父级元素,因为并没有给overflow的div加上relative,因此关闭按钮的实际父亲是body, 因此这个所谓的overflow是关不住我们的天使的,只有body才能镇住它!!
2017-06-16
狗剩儿说的是对的,text-align对添加了绝对定位的非block元素都是有效的,因此老师说text align对有了绝对定位属性的元素无效是错误的。
2017-06-12
所谓利用了跟随性,简单讲,就是 利用了即使给予了绝对定位属性(前提不给予任何top/left/bottom/right值),元素会依然保持普通文档流的视觉位置(注意,这里说的位置是一种视觉位置,并不是文档流位置,因为其本身高度在父元素中已经塌陷,也就是大家平时所谓的已经脱离文档流),此时使用margin做平移,也就是相对于自己进行了定位,像讲师说的一样,给予了绝对属性的这个元素翱翔在了自由的天空,靠本身的偏移量进行对自己原位置的相对定位,这里有个前提,要将“视觉位置”规划好,也就是按照正常的文档流进行布局(后面的元素在右或是下侧),这样才会更好地发挥了绝对定位天使的本性。
2017-06-12