• 密码登录
  • 手机登录
社交账号登录
阅读( ) 收藏( ) 加载中~ 我要纠错

我们可以使用position属性设置元素的位置。

元素的位置也由顶部,底部,左侧和右侧属性控制。

但是,除非先设置position属性,否则这些属性将不起作用。

它们也根据不同的位置值工作。

允许的值为:

  • static - 布局正常。 这是默认值。
  • relative - 相对于其正常位置定位。
  • absolute - 相对于其具有非静态位置值的其第一祖先定位。
  • fixed - 相对于浏览器窗口定位。

您可以使用top,bottom,left和right属性将元素从position属性指定的元素中移除。

静态定位

默认情况下,HTML元素位于静态。

静态定位元素根据页面的正常流动定位。

静态定位元素不受顶部,底部,左侧和右侧属性的影响。

静态定位元素根据页面的正常流动定位。

在下面的HTML代码中,第1个是固定定位的,其余的三个div元素是静态定位的。静态位置处于正常流动中,固定不在正常流动中。

image.png

上面的代码呈现如下:

静态定位(图2)

×