※ 引述《forkome (乌龟)》之铭言： : 在教学当中提到absolute原点为父元件左上角、relative原点为应有之自然位置 : 我还是搞不懂两者有什麽分别，或是在什麽样的情况下，两者才不一样呢？ 假设4个box <div id="a"></div> <div id="b"></div> <div id="c"></div> <div id="d"></div> ■a ■b 　　 　　c ■d 这是一般的排版(Normal flow), 就是在应有之自然位置 下一个box会接在上一个後面, float则会接在旁边 前面box的大小会影响後面的位置 relative以这个位置作为原点 而设为absolute, box就会脱离normal flow 像是独立在上面的图层, 不会影响到其他box的位置 位置原点为该box的containing block (containing block的定义解释在这里 http://www.w3.org/TR/2004/CR-CSS21-20040225/visudet.html 懒的看这些鬼东西了 请自己研究) 可能会是设为relative, absolute或fixed 的父标签 现在把c设为position: absolute; top:0 会变成: 　　 　　c ■d (a和b被盖在底下) 。 --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 218.162.235.15 ※ 编辑: xiphoid 来自: 218.162.235.15 (03/05 02:03)