Question

我总是听说绝对的主要区别可以放在父边界之外！

如果我可以做同样的事情绝对使用亲戚，那么使用绝对超过亲戚＆gt;

的优势是什么？

一个例子

<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>

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

那么使用绝对超过亲戚的主要优势是什么？

Answer 1

如果可能的话，我会避免这两种情况，因为当您专注于input时，移动设备会变得混乱，例如，这样定位。弹出键盘显示屏，现在您的输入已被屏蔽，并且您的用户界面已被清除。

坚持保证金。

Answer 2

绝对的优点是你可以轻松地将你的div定位在任何你想要的地方＆＃34;底部：＆＃34;＆＃34 ;;，顶部：＆＃34;＆＃34 ;;，右：＆＃34;＆＃34 ;;并离开：＆＃34;＆＃34 ;; - 但是，当您制作负责任的网站时，这会导致问题 - 除非您的绝对元素属于相对元素。

使用绝对超过相对位置的优势？

2 个答案: