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的浮动。
------解决方案--------------------
------解决方案--------------------就是要清除浮动了哦,亲~~