内容文本显示在css块下，而不是环绕

我的内容文本显示在content div下。在该div内，我浮动了div块，其中包含带有链接的菜单内容

问题是，我的内容文本出现在菜单div块下，我想强制内容文本在菜单块周围断开

heee就是一个活生生的例子

#内容{
显示：内联；
浮动：左；
高度：自动；
边际上限：0；
填充物：5px；
宽度：570px；
}
#内容。子链接{
背景颜色：灰色；
边框：1px纯黑；
高度：自动；
左边距：330px；
边缘顶部：60像素；
填充：10px；
位置：绝对位置；
宽度：220px；
}




Lorem ipsum dolor sit amet
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，我们会毫不气馁地认为，这是一种罪过，因为这是对动物的惩罚。”

相当混乱的CSS，会一点一点地出现，如果你不想阅读，这里有一个

1）

位置：绝对位置

是这里的罪魁祸首，当您使用

位置：绝对div从文档流中流出，因此您的div不知道如何包装这个框

2） 为什么使用
display:inline和<代码>浮动：左侧一起

3） 使用明确的边距，不需要

4） 总是将文本包装在一个元素中，比如说
p
对于语义，它说是的，文本是一个段落

非常混乱的CSS，会一点一点地出现，如果你不想阅读，这里有一个

1） 
位置：绝对位置
是这里的罪魁祸首，当您使用
位置：绝对div从文档流中流出，因此您的div不知道如何包装这个框

2） 为什么使用
display:inline和<代码>浮动：左侧一起

3） 使用明确的边距，不需要

4） 总是将文本包装在一个元素中，比如说
p
对于语义，它说是的，文本是一个段落

我建议将
子链接浮动到右侧。这将使内容文本环绕它：

#content .subLinks {
    background-color:gray;
    border: 1px solid black;
    padding: 10px;
    margin:0px 0px 15px 15px;
    position: relative;
    float:right;
}

我建议将
子链接浮动到右侧。这将使内容文本环绕它：

#content .subLinks {
    background-color:gray;
    border: 1px solid black;
    padding: 10px;
    margin:0px 0px 15px 15px;
    position: relative;
    float:right;
}

更新的小提琴：

尝试简化您的解决方案：

#content {
    height: auto;
    margin-top: 0;
    padding: 5px;
    width: 570px;
}

.subLinks {
    border: 1px solid black;
    height: auto;
    padding: 10px;
    width: 220px;
    float: left;
    margin: 0 5px 0 0;
}

更新小提琴：

尝试简化您的解决方案：

#content {
    height: auto;
    margin-top: 0;
    padding: 5px;
    width: 570px;
}

.subLinks {
    border: 1px solid black;
    height: auto;
    padding: 10px;
    width: 220px;
    float: left;
    margin: 0 5px 0 0;
}