Question

好的，所以我有我的主div，在那个我有另一个div，在那个我有另一个div。我想要做的是让最后一个div“浮动”在它的两个父母之外，它是我想要从主要div中伸出的徽章。这不起作用，我想要它，主要的div扩大但背景颜色甚至不覆盖那些像素，我可以看到它背后的身体背景！

继承我的代码：

#main {
    background-color: #000;
    outline: 1px solid #fff;
    width: 840px;
    padding: 20px 60px 20px 60px;
}

#nested1 { 
    width: 100%;
    position: relative;
    margin: 0px 0px 10px 0px;
    }

#nested2 {
    position: absolute;
    top: 100px;
    right: -80px;
    }

很抱歉我的问题模糊不清，希望有人知道我在说什么，可以给我一些关于如何解决这个问题的建议。谢谢！

Answer 1

#main div不会扩展，除非里面有一些内容使它拉伸，所以这听起来像是第一个问题。（您看到的背景位是由于#main div上的填充。）

如果你希望#nested2与#main相关，那么最好给位置：相对于#main而不是#nested1。

如果没有看到整个设置（例如HTML），这就是一个猜谜游戏。你可以在jsFiddle这样的网站上发布你的整个页面代码或测试页吗？

父div被孩子推，在父div中创造差距

1 个答案: