使用绝对位置而不是相对位置的优势?

艾哈迈兹·伊萨

我总是听说相对和绝对之间的主要区别是绝对可以放置在其父边界之外!

如果我可以使用绝对来做同样的事情,绝对使用相对,那么使用绝对而不是相对的优势是什么>

一个例子

<style>
    * {
        margin: 0;
        padding: 0;
    }
    
   .first_div {
       width:300px; 
       height:300px; 
       background-color:red;
       margin: 50px auto;  
 
    }
    
   
   
    .second_div {
        width:140px; 
        height:140px; 
        background-color:green; 
         position: relative;
        top: 50px;
        right: 80px;
        
    }
    
    
  
    
</style>
<div  class="first_div">
    <div class="second_div"></div>
 

</div>

如您所见,我可以使用与绝对相同的相对方式将绿色方块放置在页面中的任何位置

那么使用绝对相对于相对的主要优势是什么?

卡斯滕·安徒生

绝对的优点是你可以轻松地将你的 div 定位在你想要的任何地方,“底部:”;,顶部:“”;,右:“”;和左:“”;但是当你负责时这会导致问题网站 - 除非您的绝对元素在相对元素中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章