Html 向左浮动,不经过另一个DIV

Html 向左浮动,不经过另一个DIV,html,css,css-float,Html,Css,Css Float,我正在尝试添加一个侧栏到我的网站。 我一直在尝试创建一个div,它将用作菜单,代码如下: <div style=""> <div style="display:inline;width:70%;"> hey </div> <div style="float:left;width:20%;"> <div st

我正在尝试添加一个侧栏到我的网站。 我一直在尝试创建一个
div
,它将用作菜单,代码如下:

      <div style="">
          <div style="display:inline;width:70%;">
                hey
           </div>
           <div style="float:left;width:20%;">
               <div style="background-color:#F2F2F2;font-weight:bold;padding:7px;">Title</div>
               text<br /><br />f
           </div>
       </div>

嘿
标题
文本

f
然后,我得到了以下结果:


侧边栏通过另一个
div
,不作为单独的
div

运行。您需要清除浮动来解决此问题

例如,在您的情况下,

<div style="clear:left;">&nbsp;</div>