POSITION 1. position: static; <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div style="width:300px; height: 300px; border: 1px solid black;"> </div> <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div style="width:300px; height: 300px; border: 1px solid black;"> <div style="width:200px; height: 200px; border: 1px solid red; top: 100;ty” > </div> </div> Các thuộc tính top, bottom, left and right không có tác dụng. 2. position: absolute; Ví dụ 1: <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div style="width:300px; height: 300px; border: 1px solid black;"> <div style=" position: absolute; top: 10; right: 50px; width:200px; height: 200px; border: 1px solid red;"> </div> </div> Lúc này thì khung màu đỏ sẽ di chuyển cách top:10px; right:50px của trình duyệt. 10 5020 20 1020 3. position: relative Position:relative cho phép nó với div chứa nó gắn kết với nhau như sau: Ví dụ 1: <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div style="width:300px; height: 300px; border: 1px solid black;"> <div style=" position: relative; top: 20px; left: 10px;width:200px; height: 200px; border: 1px solid red;"> </div> </div> Top, left thì lấy từ góc trên, bên trái của div màu đen trở xuống dưới. 20 1020 Ví dụ 2: <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div style="width:300px; height: 300px; border: 1px solid black;"> <div style="position: relative; bottom: 20px; right: 10px; width:200px; height: 200px; border: 1px solid red;"> </div> </div> 20 1020 4. Kết hợp Position <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div style="position: relative; width:300px; height: 300px; border: 1px solid black;"> <div style=" position: absolute; top: 20px; left: 10px; width:200px; height: 200px; border: 1px solid red;"> </div> </div> Khi thêm position:relative cho div màu đen và position:absolute cho div màu đỏ thì khung màu đỏ sẽ lấy div màu đen là góc, để định top,left,right,left tương ứng. *Nếu cha relative hoặc absolute mà con là relative, absolute: Lấy cha làm gốc tọa độ. . POSITION 1. position: static; <div style="width:300px; height: 100px; border: 1px solid yellow;"> </div> <div. khung màu đỏ sẽ di chuyển cách top:10px; right:50px của trình duyệt. 10 5020 20 1020 3. position: relative Position: relative cho phép nó với div chứa nó gắn kết với nhau như sau: Ví dụ 1: <div. black;"> <div style=" ;position: relative; bottom: 20px; right: 10px; width:200px; height: 200px; border: 1px solid red;"> </div> </div> 20 1020 4. Kết hợp Position <div style="width:300px;