绝对定位和相对定位怎么选用

绝对定位和相对定位怎么选用详细介绍

绝对定位用于网页位置全部固定，而且不希望采用margin， padding， border等属性进行控制。一般有下面一些的设计会使用到。

不规则网页设计

由于设计需要，有些网页设计不会走分栏或块状布局的路线，而是随机地布置位置。在这种情况下，他们往往采用绝对定位或者相对定位的各种组合方式来进行布局。

在画面上的设计

如果需要一个元素覆盖在整个画面之上，但不希望破坏原有的结构，这时可以采用绝对或者相对定位，使得某个或者某些对象覆盖于在画面之上，比如门户网站中常出现的疯
狂广告，便是一种绝对或者相对定位的设计。

交互式设计

下拉菜单是一种交互式设计，由于其菜单子项只有在鼠标移上时才出现，因此是一种需要覆盖在画面上方的设计。

还有一种情况，就是子菜单需要根据父级的鼠标位置而变化，所以需要相对于鼠标所在的父级位置进行定位。这是一种相对定位，在此两种设计情况下，原则就是当子菜单出
现时，不破坏其他元素的布局结构，所以需要它们浮于画面之上，这时候便可以采用绝对或者相对定位进行处理。

在实际应用中，可能的情况还有很多，随着布局数量的提升，我们将能更好地理解这几种定位方式的使用原则和方法。

,