第一种位置关系: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>