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

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

Thuộc tính left 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 left khi dùng position absolute trong CSS</title>
<style>
#d-relative{width:100%; height:300px; background:red; }
span{width:70px; height:30px; background:green; top:10px; left:10px; z-index:1; line-height:30px; text-align:center; color:#fff}
</style>
</head>
<body>

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

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

<div id="d-relative" style="position:relative">

    <span style="left:10px; position:absolute;">left:10px;</span>
    
    <span style="left:50%; position:absolute;">left:50%;</span>
    
</div>

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