我们可以使用position属性设置元素的位置。
元素的位置也由顶部,底部,左侧和右侧属性控制。
但是,除非先设置position属性,否则这些属性将不起作用。
它们也根据不同的位置值工作。
允许的值为:
- static - 布局正常。 这是默认值。
- relative - 相对于其正常位置定位。
- absolute - 相对于其具有非静态位置值的其第一祖先定位。
- fixed - 相对于浏览器窗口定位。
您可以使用top,bottom,left和right属性将元素从position属性指定的元素中移除。
静态定位
默认情况下,HTML元素位于静态。
静态定位元素根据页面的正常流动定位。
静态定位元素不受顶部,底部,左侧和右侧属性的影响。
静态定位元素根据页面的正常流动定位。
在下面的HTML代码中,第1个是固定定位的,其余的三个div元素是静态定位的。静态位置处于正常流动中,固定不在正常流动中。
上面的代码呈现如下: