html浮点问题

我有以下代码：

<div "background-color:green">
    <div "float:left">something</div>
    <div "float:right:>something else</div>
<div>

某物
漂浮物从其容器中“提升”。外部div的底边不再延伸到其内容

一个选项是添加一个带有clear的元素（clear有一个方向（要么
left
，
right
，要么
left
，要么
left
，要么
left
），并将其自身推到它将接触的浮点数下方：

<div style="background-color: green">
    <div style="float: left">something</div>
    <div style="float: right">something else</div>
    <br style="clear: both;" />
<div>


某物
别的


您需要写入样式属性

<div style="background-color:green;">
    <div style="float:left;">something</div>
    <div style="float:right;">something else</div>
<div>


某物
别的
您需要清除div。您可以在下面的一个元素上使用
clear:both
，但我经常发现这更容易：

<div style="background-color:green; overflow: hidden;">
    <div style="float:left;">something</div>
    <div style="float:right;">something else</div>
<div>


某物
别的

请注意溢出：隐藏

当然，它只适用于不要求元素离开其包含元素的情况。
我想他是为了简单才这么做的。简单才这么做的，伙计们！！只需要解决方案！不需要语法：）我认为它不是“提升的”，但任何只有浮动子元素的容器都会“崩溃”。很抱歉吹毛求疵。嗯，没那么多，因为如果有一个100像素高的浮动盒子，在一个包含其他东西（不浮动）的div中，盒子会从容器中逃出。你是对的。但请注意，我说的是“只有浮动儿童”。回答得好！这对我也有用。但你知道它为什么有用吗？@50ndr33我以前是，但现在记不起来了。