日期:2014-05-17  浏览次数:20609 次

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

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

CSS code

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下面,要怎么做呀?

------解决方案--------------------
<div style="clear:both"></div>

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

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

引用:

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

加在白色的框框前面

------解决方案--------------------
就是要清除浮动了哦,亲~~