Html 如何清除当前div中的浮动？

我有以下HTML格式：

<div class="wrapper">
    <div class="left-block">
        <p>
            some text
        </p>
    </div>
    <div class="right-block">
        <p>
           some text
        </p>
        <div class="some-block">654</div>
        <div class="some-block">132</div>
        <div class="some-block">987</div>
        <div class="clear"></div>
        <div class="regular-block">10002</div>
    </div>
</div>

一些文本


一些文本

654
132
987
10002

类为

左块

和

某些块

的块具有属性

float:left

这看起来像 类为

clear

has

clear的块：左

如何使块<代码>常规块与此屏幕截图相似：

我会改变
。一些块
来自
浮动：左到
显示：内联。这样，像
.regular block
这样的标准div将自动显示在下面，您不需要在它们之间进行清除

然后，您可以在底部放置
clear
div以固定块高度：


.wrapper{
边框：1px纯棕色；
}
.左座{
浮动：左；
宽度：100px；
填充物：5px；
边框：1px纯红；
}
1.右座{
左边距：112px；
边框：1px纯绿色；
填充物：5px；
填充底部：0；
}
一个街区{
显示：内联；
边框：1px纯黄色；
}
.常规块{
边缘顶部：10px；
边框：1px纯紫色；
}
.清楚{
清除：左；
}


Lorem ipsum dolor sit amet，是一位杰出的献身者。特里斯蒂克，罗勒姆·达皮布斯·特里斯蒂克·朗库斯，胡斯托·埃拉特·帕特·埃拉特，在马莱苏阿达·埃尼姆·自由之路。最大效率。这是我唯一的选择。


我是莱克托斯·埃尼姆。奎斯克·西特·阿梅特·亚库利斯·图皮斯，一位拍卖人兼侵权人。Mauris aliquet sapien非odio临时拍卖人，孕妇拍卖人nunc Comodo。Lorem ipsum dolor sit amet，是一位杰出的献身者。不要让你的身体受到伤害。埃古斯塔斯，乌兰科帕·普鲁斯，维韦拉·奥迪奥。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。这是我的梦想，也是我的梦想。

654
132
987
10002
您必须在一个文件中包含浮动和清除。要设置这样的上下文，通常的做法是使用
overflow:auto
或
overflow:hidden
。您可以使用“right block”类将其添加到div的样式中

请参见
请在问题中加入您的CSS。我也不完全确定当你说“喜欢这个屏幕截图”时你在问什么。@MattD澄清OP意味着带有
100002
的框应该在黄色框下。。。。但是我正在清除左框的浮动。在我的项目中，有很多页面我无法应用
display:inline
属性。有没有办法只清除当前块中的浮动？问题不是
常规块的浮动
，而是清除
清除
。一旦你这样做，所有的东西都会放在左边的面板下面。非常感谢。在我的项目中添加
overflow:auto
就足够了。））