Thuộc tính top khi dùng position absolute trong CSS

Trình soạn thảo - Thuộc tính top khi dùng position absolute trong CSS

Kết quả - Thuộc tính top khi dùng position absolute trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính top khi dùng position absolute trong CSS</title>
<style>
#d-relative{width:100%; height:300px; background:red; }
span{width:100px; height:30px; background:green; right:10px; z-index:1; line-height:30px; text-align:center; color:#fff}
</style>
</head>
<body>

<h1>Thuộc tính top khi dùng position absolute trong CSS</h1>

<p>Thuộc tính top trong position absolute sẽ canh cạnh trên của phần tử HTML so với cạnh trên của phần tử cha có position relative gần nhất:</p>

<div id="d-relative" style="position:relative">
	<span style="top:10px; position:absolute;">top:10px;</span>
    <span style="top:50%; position:absolute;">top:50%;</span>
</div>

</body>
</html>
  • Thuộc tính top khi dùng position absolute trong CSS nằm trong bài viết Thuộc tính top trong CSS
  • ★★★★★ ★★★★★