Gói thiết kế website Thiết kế website công ty Thiết kế website du lịch Thiết kế website bán hàng Thiết kế website bất động sản Thiết kế website nhà hàng Thiết kế website xây dựng Thiết kế website thuê xe ôtô Thiết kế website nội thất Thiết kế website trọn gói Thiết kế website sim số đẹp, bán sim online
Dịch vụ khác Nâng cấp website Quản trị website Thiết kế giao diện website Đăng tin rao vặt Thiết kế Logo Quảng cáo Google Ads hiệu quả
Position: xác định cách hiển thị của một đối tượng
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ụ:
.class { position: relative;
letf: 5px;
}
=>kết quả:
abc
=> 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ụ:
.class { position: absolute;
left: 50px;
top: 20px;
BeforeAfter => kết quả:
BeforeAfter
BeforeAfter => kết quả:
After
Before
Tổng đài tư vấn miễn phí 100% cho khách hàng Tam Nguyên.
Hãy gọi cho chúng tôi!