前端CSS的一个小问题，求解

怎么把按钮放到音乐库下面;活动结束咳咳我问问看记得记得竞技等级回到家打开看打开(凑字数)

额(⊙o⊙)…截图就截全面一点，哪知道你上面还写过什么样式有没有影响，没有加个br 换行

看不清

给 input 加个 div 包裹 。 或者加个 display:block属性试试

温馨提示：若问题解决了，望给个采纳，谢谢！若有其他疑问随时咨询

1、效果如下

2、解决方法
在h1标签和input标签包含一层div，并把h1和input的float浮动去掉

3、代码如下

<style type="text/css">
    h1 {  }
    img { float: left; }
    .head ul { 
        float:right;
    }
    .head li { float: right;margin-left:10px;margin-top:20px; }
    .head li a{ text-decoration:none; }
</style>

<div class="head wrapper">
    <img src="/ImageTest/01.jpg" />
    <div>
        <div>
            <h1>小明的音乐库</h1>
        </div>
        <div>
            <input type="submit" value="添加" />
        </div>
    </div>
    <ul>
        <li><a href="#">查找资料</a></li>
        <li><a href="#">资料维护</a></li>
        <li><a href="#">分类编码</a></li>
        <li><a href="#">首页</a></li>
    </ul>
</div>

vertical-align: bottom

br 或者改变一下ul的类型