2. position:relative
如果设定 position:relative,就可以使用 top,bottom,left 和 right 来相对于元素在文档中应该出现的位置来移动这个元素。
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)#div-1 { position:relative; top:20px; left:-40px;}(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)3. position:absolute
当指定 position:absolute 时,元素就脱离了文档,可以准确的按照设置的 top,bottom,left 和 right 来定位了。
#div-1a { position:absolute; top:0; right:0; width:200px;}4. position:relative + position:absolute
如果我们给 div-1 设置 relative 定位,那么 div-1 内的所有元素都会相对 div-1 定位。如果给 div-1a 设置 absolute 定位,就可以把 div-1a 移动到 div-1 的右上方。
#div-1 { position:relative;}#div-1a { position:absolute; top:0; right:0; width:200px;}
猜你喜欢