Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - Phần tử định vị ở giữa div sử dụng thuộc tính tương đối và tuyệt đối

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 01:48:57 26 4
mua khóa gpt4 Nike

Tôi phải đặt một số văn bản ở giữa phần tử gốc của nó. Tôi đã triển khai nó với đoạn mã sau:

#div1 {
  position: relative;
  margin: 0;
  padding: 0;
}

#div2 {
  width: 100%;
  position: relative;
  chiều cao: 3,21em;
  margin: 0;
  màu nền: đỏ;
}

#p1 {
  display: block;
  phải: 48%;
  trên cùng: 3,21em;
  position: absolute;
  màu nền: xanh lá cây;
  lề: 0
}

  


  

  

    Xin chào từ web

Nhưng vấn đề của tôi là nếu tôi sử dụng cho đoạn văn position: relative , điều tương tự cũng không có tác dụng, tức là đặt văn bản vào giữa không có tác dụng,

#p1 {
  display: block;
  phải: 48%;
  hàng đầu:3. 21em;
  position: relative;
  màu nền: xanh lá cây;
  margin: 0;
}

Tôi chỉ đang tự hỏi điều gì đang diễn ra đằng sau hậu trường với vị trí tương đối.

Tôi đã học được sự khác biệt cơ bản giữa hai điều này từ nhiều hướng dẫn như thế này"Vị trí tuyệt đối có nghĩa là vị trí của chính nó so với tổ tiên gần nhất của nó bằng cách sử dụng trên cùng bên phải dưới cùng bên trái. Vị trí của nó có thể là tuyệt đối hoặc tương đối. Vị trí tương đối có nghĩa là vị trí của một phần tử so với phần tử gốc trực tiếp của nó."

Theo định nghĩa trên, dù là định vị tương đối hay định vị tuyệt đối, cha mẹ là div1 của p.

Vậy theo hiểu biết của tôi còn thiếu điều gì mà gây ra những kết quả khác nhau?

câu trả lời hay nhất

Tôi chỉ muốn biết điều gì đang diễn ra đằng sau việc định vị tương đối

Mô tả phần nổi bật "từ nhiều hướng dẫn" là không chính xác, đặc biệt là vị trí tương đối.

theođặc điểm kỹ thuật , biểu diễn vị trí tương đối:

Khi một hộp đã được bố trí theo dòng thông thường hoặc được thả nổi, nó có thể bị lệch so với vị trí này. định vị tương đối.

tóm lại,vị trí tương đốicó nghĩa là "tương đối với" chính nó, không liên quan đến cha mẹ của nó.

Vậy tôi còn thiếu điều gì nữa trong sự hiểu biết của mình mà gây ra những kết quả khác nhau?

Tôi nghĩ câu hỏi này đã được trả lời từ lời giải thích ở trên. nếu như#p1được định nghĩa làposition: relative;, của nóright & đứng đầucó liên quan đến nguồn gốc của nó (khi nó chức vụ khi chưa được xác định). Đó là lý do tại sao bạn nhìn thấy một khoảng trắng phía trên nó (như lề trên, được tạo bởi hàng đầu: 3,21em gây ra) và phần bù bên trái.

Về html - định vị một phần tử ở giữa div bằng cách sử dụng các thuộc tính tương đối và tuyệt đối, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/43885493/

26 4 0
Bài viết khuyến nghị: Làm cách nào để trích xuất khóa và giá trị của nó cũng như thêm giá trị để in tổng số trong từ điển python?
Bài viết khuyến nghị: C - Trình biên dịch yêu cầu sử dụng '->' khi '->' đã được sử dụng
Bài viết khuyến nghị: html - Làm cách nào tôi có thể đặt các phần tử này vào giữa một nhịp?
Bài viết khuyến nghị: jquery - speed.js không bao giờ đạt 100%
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress