CSS定位根據父元素是前端開發中非常重要的知識點，特別是在響應式布局中。
在進行父元素相對定位時，需要使用position:relative;屬性，設置相對定位后，可以使用top,left,right,bottom等屬性來控制子元素的位置。
而進行絕對定位時，則需要在父元素中設置position:relative;屬性，并在子元素中使用position:absolute;、top、left、right、bottom等屬性來控制子元素的位置。
但是如果你想根據父元素的位置來進行子元素的定位，就需要使用到CSS3中的transform屬性。使用transform: translate(50%,-50%);可以使子元素居中對齊，并且不會被父元素影響。
例如上述代碼中，父元素設置了相對定位，子元素設置了絕對定位，并且使用了transform屬性來使子元素居中，從而實現了根據父元素來進行定位的效果。
總而言之，CSS定位根據父元素是前端開發中最為常用的技巧之一，理解并掌握它，能夠有效提高工作效率。