vị trí trong CSS

Sự khác nhau giữa vị trí tương đối và vị trí tuyệt đối là CSS ví dụ: .style { position: relative; }vị trí trong CSS

.style { position: absolute; }

2010-05-31 picnic4u

bạn cần phải biết trong một thực hành hướng dẫn nhanh chóng, rất tốt. http://www.barelyfitz.com/screencast/html-training/css/positioning/ – duckbox

Tiêu chuẩn mô tả nó ở đây: Comparison of normal flow, floats, and absolute positioning

Có một cái gì đó đặc biệt về vấn đề này mà bạn không hiểu hoặc muốn giải thích thêm?

Nguồn

2010-05-31 08:52:42 ChrisW

Từ W3schools:

Absolute

Tạo một vị trí tuyệt đối yếu tố, vị trí tương đối so với yếu tố phụ huynh đầu tiên rằng có một vị trí khác hơn là tĩnh. vị trí phần tử được quy định với các "left", "top", "đúng", và tính "đáy"

tương đối

Tạo một tương đối vị trí phần tử, tương đối vị trí tốt để của nó vị trí bình thường, vì vậy "trái: 20" thêm 20 pixel vị trí LEFT của phần tử

Ngoài ra kiểm tra this page, nó sẽ cung cấp cho bạn cái nhìn tổng quan rất đẹp về vị trí trong CSS.

Nguồn

2010-05-31 08:53:32

Với người thân, bạn có thể định vị phần tử liên quan đến vị trí ban đầu của nó và không gian ban đầu vẫn giữ mục đó.

Tuyệt đối đưa mục đó ra khỏi luồng thông thường của HTML và bạn có thể định vị mục đó liên quan đến phần tử gốc.

Nguồn

2010-05-31 08:54:34

So với phần tử gốc? Điều đó không chính xác. –

@Philippe Leybaert: không nhất thiết - nếu phần tử gốc có vị trí: tương đối/tuyệt đối/cố định, vị trí tuyệt đối sẽ liên quan đến phần tử gốc. – oezi

So với phần tử gốc đầu tiên được định vị theo bất kỳ cách nào, nếu không có phần tử nào, nó sẽ liên quan đến phần tử cơ thể –

Đây là một hướng dẫn tốt về điều đó:

http://jimbojw.com/wiki/index.php?title=Position_absolute_is_really_relative%3F

Nguồn

2010-05-31 08:56:53 Sarfraz

Sử dụng tương khi bạn xem xét phạm vi đến yếu tố phụ huynh hoặc các yếu tố trước đó.

Sử dụng tuyệt đối khi bạn muốn tạo thành phần tử ở vị trí bất khả xâm phạm.

Bạn cũng có thể tìm hiểu những khác biệt giữa tài sản css margin-left và để lại cho Tất cả mọi thứ tương đối và tuyệt đối

<html> 
<body> 
    <div style="width:300px; height:200px; margin:auto; background:red"> 
     <div style="position:relative; left:10px; top:20px;"> 
      test 
     </div> 
     <div style="position:relative; left:10px; top:20px;"> 
      test 
     </div> 
     <div style="position:absolute; left:0; bottom:0px;"> 
      test 
     </div> 
        <div style="position:absolute; margin-left:0; margin-bottom:0px;"> 
      test 
     </div> 
    </div> 
</body>

Nguồn

2010-05-31 09:04:47

vị trí trong CSS

Trả lời

Các vấn đề liên quan