Position: xác định cách hiển thị của một đối tượng  
position: value;
với value:
+ static
+ relative
+ absolute
+ fixed

giải thích:
- static(tương đối):  đây là định dạng mặc định, nó không l� m ảnh hưởng đến cách hiển thị  

- relative: kết hợp với top,left,right,bottom để định vị trí của phần content so với 4 cạnh của đối tượng
ví dụ:
<style>
.class { position: relative;
letf: 5px;
}
</style>
<div>abc</div>  =>kết quả:
abc
<div class="class">abc</div> => kết quả:
  abc
*nếu bỏ position: relative; thì các giá trị left,rightn,top,bottom không còn hiệu lực

- absolute(tuyệt đối): với absolute một đối tượng có thể đặt ở bất kỳ vị trí n� o trên website bằng cách thay đổi các thuộc tính left,top,right,bottom
ví dụ:
<style>
.class { position: absolute;
left: 50px;
top: 20px;
</style>
<span>Before</span><span>After</span> => kết quả:  
BeforeAfter
<span class="class">Before</span><span>After</span> => kết quả:  
After
     Before

Tác giả:TG
Webmaster
http://phpbasic.com

Thêm ý kiến