HTML絕對定位的參考點及注意事項有哪些

（2）如果有一個絕對定位的元素有祖先元素，并且祖先元素也是定位流，那么這個絕對定位的元素就會以定位流的那個祖先元素為參考點。

 

        .box1{

            width: 300px;

            height: 300px;

            background-color: red;

            position:absolute;

            left:0px;

            bottom:0px;

        }

        .box2{

            width: 200px;

            height: 200px;

            background-color: yellow;

            position: absolute;

            left:0px;

            top:0px;

        }

注意點：i.只要是這個絕對定位元素的祖先元素都可以。ii.指的定位流是指絕對定位/相對定位/固定定位，定位流中只有靜態(tài)定位是不行的。

（3）如果一個絕對定位的元素有祖先元素，并且祖先元素也是定位流，而且祖先元素中有多個元素都是定位流，那么這個絕對定位的元素會以離它最近的祖先元素作為參考點。

 .......上面的代碼不變..........

        .box3{

            width: 100px;

            height: 100px;

            background-color: black;

            position:absolute;

            right:0px;

            bottom:0px;

        }

 .........省略代碼.......