html页面整体偏移了怎么办,html_位置偏移属性position(示例代码)

定位属性

位置属性position：static、relative、absolute、fixed

偏移属性：top、bottom、left、right

浮动定位属性：float/clear

1.浮动定位 float

-流定位(默认定位)： 块级元素从上到下，行内元素在一行中从左到右排列水平布置。

-浮动定位:

-让元素脱离普通的流定位

-将浮动的元素放置在父元素的左边或者右边

float：left/right

浮动定位 需要通过float 属性来实现 ，值 none/left/right

配合 clear 属性使用

left/right/both

clear 属性不允许被清除浮动的元素的左右边挨着浮动元素 ，底层元素在被清除元素

的上下边添加足够的清除空间。

2.相对定位 relative

-元素会相对它原来位置偏移某个距离

-元素原本所占的空间不释放(不能叠加实体内容)

-position: relative 被元素设置为相对定位元素。

然后通过设置偏移属性 left/right/top/bottom 设置偏移量

position：relative

left：50px；  向右偏移50像素。

3.绝对定位 absolute

position ：absolute

right：80px;  距离父元素右端80像素

4.fixed 固定定位

position：fixed

right：0px;

bottom:0px;　　固定图片在右下角