css小白求助。。

[DataChat.Club]

这个页面有4个menu，分别是 Welcome-test，About，Events，Blog，还有一个白色的框框，里面可以填写内容。

application.css.scss文件中的内容是：

body {
  background: #DDD;
  font-family: Verdana;
  font-size: 13px;
  line-height: 18px;
}

#body_content, #side_body_content {
  float: left;
  width: 45%;
  background: white;
  color: #333;
  padding: 20px;
}

#menu ul {
  list-style: none;
  padding: 0px;
  li {
    float: left;
    margin-right: 10px;
    a {
      display: block;
      padding: 5px 10px;
      text-decoration: none;
    }
    &.selected a, a:hover {
      background: #CCC;
    }
  }
}

你看白色的框框是紧跟在menu后面的，

我想要把那个白色的框框放到menu下面，要怎么做呀？

[lynl0000]

怎么都要改html文件
application.css.scss加个属性，.clr{clear:both;}
可是还要在html中修改，白框前面加<div class="clr"></div>和楼上一个意思。目的是清掉menu的浮动。

[BlackRian]

[Quote=引用 2 楼 的回复:]

只修改application.css.scss这个文件能做到吗？

引用 1 楼 的回复:

<div style="clear:both"></div>

加在白色的框框前面
[/Quote]
给
#menu ul的内容加上 overflow：hidden;height：18px;zoom:1;试试这样应该不用改html代码

[chenyan19890623]

就是要清除浮动了哦，亲~~

[ddddonguaa]

<div style="clear:both"></div>

加在白色的框框前面

[DataChat.Club]

只修改application.css.scss这个文件能做到吗？

[Quote=引用 1 楼 的回复:]

<div style="clear:both"></div>

加在白色的框框前面
[/Quote]

[DataChat.Club]

感谢各位！

我用了#6楼的方法，改好啦~