#CSS绝对定位解读
时间：2023-03-30 16:47:49
CSS
以前看过很多次CSS绝对定位，但是缺少好的案例。偶尔看到一个控件，觉得解释起来很简洁。假设我们有一个DIV，里面嵌入了两个并行的DIV，代码如下：
然后根据默认的盒子模型，两层DIV会填满整个父DIV。如果你想让第二个DIV覆盖第一个怎么办？此时，必须取消默认的排版流程，改用绝对定位。方法是设置.block2直接相对于.wrapper定位，top距离为0。具体方法是在.wrapper中添加代码：position:relative在.block2中添加CSS代码：position:absolute;top:0;您可以看到.block2覆盖了.block1。这样就达到了预期的效果。使用完全相同的结构，我们可以制作一个进度条控件：
