1. 程式人生 > >position四個值

position四個值

1、relative 相對於本身進行位移

給child1設定position: relative; top: 50px;left: 50px;

可以看到chid1相對於之前的位置進行了偏移

2、absolute

1、子絕父相 如果parent設定了relative值,child就會按照父元素的左上角進行偏移

      如果父元素設定的padding值,子元素就會忽略padding

 父元素設定padding:50px

父元素沒有設定padding

2、如果父元素沒有position屬性,則會以body作為參照點偏移

 

3、fixed

以瀏覽器視窗進行偏移

 

4、static

標準文件流排列,position的預設值