Css 难以在部门/背景问题中定位部门

正在努力定位嵌入div#周围的背景。。我想这将是我在寻找时错过的一件小事——有什么想法吗

蓝色的div边框正好显示了我在更改代码时列的位置 div#wrapper（在我对其进行排序时将是一个背景图像）——绿色应该位于嵌入的div后面，高度也相应地调整

此处的代码：

开始

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。


知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

开始

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。


知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

开始

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。


知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

#包装纸{
背景颜色：绿色；
高度：自动；
宽度：100%；
填充：5%；
左边距：10%；
保证金权利：10%；
位置：相对位置；
}
#主要内容{
边框：1px纯蓝色；
浮动：左；
宽度：60%；
高度：自动；
填充：5%；
}
#副刊{
边框：1px纯蓝色；
浮动：左；
宽度：25%；
身高：100%；
填充：2%；
}

在这种情况下，柱下面的：

<br style="clear:both;padding:0">

您遇到的问题是，您正在使用

float:left

将列彼此相邻放置。正因为如此，它们被从流布局中删除，就浏览器而言，有效地使父级为空。这就是为什么你只看到它给填充物上色

---

另一种方法是使用

display:inline block

将列相邻放置，但这可能会导致一些其他问题，其中空格显示在中间。

添加一个float:left；到您的包装器元素：

#wrapper{
    float:left;
}

---

背景没有覆盖内部div的原因是它们是浮动的。有几种解决方案。其中两个是

将contaner div（#wrapper）设置为固定高度

在#maincontent和#sideContent下面添加一个div，用于清除所有浮动

clear:both

---

如果它能帮你确认快乐，我真的是新来的哈哈，那是什么/我该怎么做？谢谢这不是个好办法。虽然它能解决眼前的问题，但你只是在取代它。float everything方法并不是无缘无故地调用的——虽然一个浮动元素将调整大小以正确地包含其浮动子元素，但您刚刚解决了这个问题——现在

#wrapper

没有大小，低于它的任何东西都会有同样的问题。它解决的是手头的问题，而不是你的布局。

#wrapper{
    float:left;
}