CSS浮动：清除不使用相对位置

浮动：clear不使用在其周围具有相对位置的图元

我尝试将float元素放入div中，更改父元素的显示类型。它没有按预期的方式工作

我试图避免子元素2与元素2的重叠

我的研究没有找到正确的方法使上述两种方法协同工作

感谢您的指导

下面是的屏幕截图

*{
保证金：0；
填充：0；
框大小：边框框；
}
.集装箱{
宽度：90%；
//高度：550px；
保证金：自动；
背景颜色：浅灰色；
边缘顶部：15px；
边界半径：15px；
}
.main标题{
宽度：100%；
高度：125px；
边界半径：15px；
背景色：黑色；
}
.菜单{
高度：30px；
背景色：海绿；
位置：相对位置；
顶部：95px；
}
梅因先生{
浮动：左；
填充：10px；
宽度：70%；
背景颜色：浅黄色；
//显示：无；
}
.主img{
显示：内联块；
浮动：左；
利润率：12像素；
宽度：100px；
边界半径：15px；
}
旁白{
浮动：左；
/*宽度：30%；
高度：40px*/
背景颜色：浅黄色；
//显示：无；
宽度：30%；
文本对齐：居中；
//轮廓：1px蓝色固体；
//填充底部：30px；
位置：相对位置；
顶部：30px；
}
.侧边栏{
//外形：1px纯金；
//高度：350px；
/*位置：相对位置；
顶部：30px*/
}
.cdiv条款{
填充：10px；
}
.内容1{
//边界半径：15px；
//边框：1px红色实心；
}
.内容2{
宽度：自动；
背景颜色：粉红色；
//边界半径：15px；
//边框：1px红色实心；
}
身体。容器。身体旁边。cdiv{
高度：100px；
宽度：90%；
//边缘底部：10px；
背景颜色：黄色；
//边界半径：10px；
显示：内联块；
}
页脚{
明确：两者皆有；
宽度：100%；
高度：40px；
背景色：红色；
}

我家
我的网站
这是一个测试段落。这应该是一个很长的段落，让我们看看结果如何。我已经试着尽可能长的做了。但谁会打字这么多



这是对新线的测试，让我们看看它是如何工作的



这是一个测试段落。这应该是一个很长的段落，让我们看看结果如何。我已经试着尽可能长的做了。但谁会打字这么多

我的网站
这是一个测试段落。这应该是一个很长的段落，让我们看看结果如何。我已经试着尽可能长的做了。但谁会打字这么多



这是对新线的测试，让我们看看它是如何工作的



这是一个测试段落。这应该是一个很长的段落，让我们看看结果如何。我已经试着尽可能长的做了。但谁会打字这么多

如果您使用的是位置关系，则使用边距而不是顶部。因此，您可以更改此css，它将正常工作。除了{margin top:30px；/NOT top:30px；/}

为什么需要

top:30px

-这会导致

child2

在添加

position:relative

时下降……它应该是一个边栏；我将添加child div，默认位置太高，无法满足我的喜好。那么您面临的问题是什么？我没有看到任何问题……我的错，我希望float元素从child 2下面开始。正如@kukkuz所说，你的代码中不需要位置和顶级css。谢谢Patrick，这很有效。我觉得为什么我没有想到它，这是基本的。为我辩护，我仍在学习。谢谢。