Computer >> Máy Tính >  >> Lập trình >> CSS

Định vị tĩnh trong CSS

Với định vị tĩnh, các phần tử không bị ảnh hưởng bởi các thuộc tính trên cùng, dưới cùng, trái và phải. Đối với điều này, hãy sử dụng vị trí:tĩnh.

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ -

<!DOCTYPE html>
<html>
<head>
<style>
div.static {
   position: static;
   color: white;
   background-color: orange;
   border: 2px dashed blue;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<p>This is demo text.</p>
<p>This is demo text.</p>
<div class="static">
position: static;
</div>
<p>This is another demo text.</p>
</body>
</html>

Đầu ra

Định vị tĩnh trong CSS