css小白。

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>

加在白色的框框前面

[解决办法]
就是要清除浮动了哦，亲~~

查看更多 下一篇