html - 在不经过另一个 DIV 的情况下向左浮动

Question

我正在尝试向我的网站添加侧边栏。我一直在尝试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>

然后，我得到以下结果：

侧边栏穿过另一个div，并没有作为一个单独的功能div。

Answer 1

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

例如，在您的情况下，

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