不设置position 怎么让一个DIV遮掉另一个DIV的下半部分

2024-11-23 20:34:45

推荐回答（1个）

回答1：

这个不难解决

我们先设置两个DIV.将大小都设置为100px,(如下图)

css部分:
#diva{width: 100px; height: 100px; background:#666}
#divb{width: 100px; height: 100px; background:#F00}
body部分:

两个框是不重叠的.我们可以设置第一个diva的下边距.设置为负数即可

#diva{width: 100px; height: 100px; margin-bottom:-50px; background:#666}
#divb{width: 100px; height: 100px; background:#F00}

这样就实现覆盖了.当然还有个 z-index,用法你应该知道,试试吧希望对你有帮助