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

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

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