Tại sao chiều cao và thuộc tính trên cùng không hoạt động khi vị trí là tương đối?

Question

này sẽ xác định vị trí hộp một chút bên dưới đỉnh

<div style="height: 10em; width: 50%; left: 25%; top:2em; position: relative; background: white;">Hello World</div> 

này sẽ xác định vị trí hộp gần đầu và có vẻ như không phải chiều cao cũng không sở hữu đầu là
làm việc. Chiều cao của hộp không phải là 50% và hộp không thấp hơn 50% so với đầu.

<div style="height: 50%; width: 50%; left: 25%; top:20%; position: relative; background: white;">Hello World</div> 

Tôi khá là người mới bắt đầu ở công cụ này, nhưng có vẻ như trái và chiều rộng hoạt động với tỷ lệ phần trăm không nên cao và cao?

Answer 1

Hộp của bạn không thể có số height là tỷ lệ phần trăm của cha mẹ nếu cha mẹ không có chiều cao cố định, vì sau đó hộp sẽ không biết độ cao cần thiết (thường là cha mẹ sẽ body hoặc một số phần tử trình bao bọc khác).

Do hậu quả trực tiếp, top với tỷ lệ phần trăm sẽ không có bất kỳ ảnh hưởng nào.