CSS格式与布局中三种位置的理解与应用

　　第一种位置关系：position:fixed  锁定位置（相对于整个浏览器的位置），常用在各大网站的右下角或其它位置的小广告。

如果需要调整锁定位置，需要使用如下方式：<div style="width:300px; height:300px; position:fixed; top:0px; left:0px; right:0px; bottom:0px" ></div>

　　第二种位置关系：position:absolute 绝对位置（相对于父级元素--浏览器，绝对定位的上级）　

(1)最外边没有absolute，则调整时div相对于浏览器变化；（2）最外面有absolute，则调整时div相对于最外层边界变化。

如果需要调整绝对位置，需要使用如下方式：<div style="width:300px; height:300px; position:absolute; top:0px; left:0px; right:0px; bottom:0px" ></div>

　　第三种位置关系：position:relative 相对位置（相对于自身应该出现的位置）

如果需要调整相对位置，需要使用如下方式：<div style="width:300px; height:300px; position:relative; top:0px; left:0px; right:0px; bottom:0px" ></div>

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有