javascript当中relative或absolute用法


4.relative或absolute

马克-to-win:如何放置绝对正中的位置。项目心得:正常来讲,div绝对定位默认的是以body标签为参照,而且无论你的绝对定位的div外面有几层父div,但是当你把其中一个父div设置成position:relative;那么被绝对定位的div就会以这个div为参照。比如项目中index.html中的mysubtop1这个div就必须设成relative,它里面的div才会以它为参照系。


例 1.4.1


CenterAbsoluteIEFF.html




   
    Center
   


马克-to-win:margin-left:正数向右偏移,负数向左偏移。position:absolute; 左右上下居中方法且ie和火狐兼容的完美方法。1)这需要技巧:left:50%就把div的左上角放在正中间,margin-left: 100px, 就把div放在正中间右边100px,margin-left: -250px, 就把div放在正中间左边250px,
    2)垂直方向也是完美兼容。3)但想要垂直和水平兼容, 必须把两个浏览器的窗口调成一模一样, 甚至左右上下的滚动条(注意ie比火狐多一个滚动条, 得把他刨除在外)。4)火狐有个查看/缩放/重置, 一定注意这个缩放要放成重置, 因为它也会影响两个浏览器看上去的兼容性。





例 1.4.2




   
   
       
        z-index越大,越在前面
       

   
   

   
aaa马克-to-win
       
regre

       
abred

   

   
   

参考本章relativeAbsolute网上例子参考.html

更多内容请见原文,文章转载自:https://blog.csdn.net/qq_44594371/article/details/103064008