1。先看效果达到
实际效果图
我可以看到，我的实现首先使用父级div来定位水平垂直中心，然后父级div定位两个交叉点的div。
见实现代码：
xml代码将内容复制到剪贴板。
身体{边缘：0；填充：0 }
位置父div水平和垂直中心。
body_main {。
宽度：200px；
身高：300px；
背景颜色：# 3091e5；
保证金：- 00 - 100px 150px；
顶部：50%；
左：50%；
位置：绝对；
}
垂直中心定位的水平
row_div {。
宽度：200px；
身高：50px；
背景颜色：# 88e500；
位置：绝对；
顶部：50%；
保证金：- 25px 000；
}
定位列横向为
clou_div {。
宽度：50px；
身高：300px；
背景颜色：# 3c510c；
左：50%；
位置：绝对；
保证金：0 00 25px；
}
水平的div
垂直的div
DIV的默认宽度为100%，当div是绝对定位的，其宽度是基于在学内容的宽度
总结：
CSS中的绝对位置与祖先元素的位置有关。如果元素没有祖先元素，则位置与初始包含块相对。
以上是本文的全部内容，希望能对大家有所帮助。
