使用position:static 属性设置静态定位
HTML 元素默认情况下的定位方式为 static(静态)。
静态定位的元素不受 top、bottom、left 和 right 属性的影响。
position: static; 的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位:
实例代码:
<!doctype html>
<html>
<head>
<style>
div.static{
border:3px solid green;
width:500px;
position:static; /*设置静态定位*/
}
</style>
</head>
<body>
<h1>position:static 属性静态定位实例</h1>
<div class="static">
这个div元素设置position:static;
</div>
<p>设置 position: static; 的元素不会以任何特殊方式定位;它是始终根据页面的正
常流进行定位:</p>
</body>
</html>
运行效果:
评论