baidu_34197758
小小笔记
2016-04-01 00:33

用li设置登录表单时,登录和注册按钮已设定float:left;,可是注册按钮和登陆按钮不能在同一行

  • css
  • login
  • float
  • 表单
  • li

部分代码如下:
#left li{
list-style-type: none;
float: left;
margin: 0px 0px 5px 0px;
width: 100%;
}
#login{
width: 188px;
height: 100px;/*设定高度,字体大小,影响是否所有li加起来高度超过这个高度*/
background-color: ghostwhite;
font-size: 12px;
border: 1px solid lawngreen;
}
#left #login ul{
margin: 5px 0px 0px 5px;
}
#left #title01{
font-size: 14px;
text-align: center;
font-weight: bold;
color: darkcyan;
background-color: wheat;
height: 16px;
width: 192px;
padding-top: 5px;
padding-bottom: 3px;
}
.btn1{
float: left;
border: 1px solid sandybrown;
margin-left: 32px;
width: 55px;
height: 25px;

        }
          .btn2{
            margin-left: 13px;
            border: 1px solid sandybrown;
            width: 55px;
            height: 25px;
             float: left;

        }
        css
        <body>
        <div id="main">
        <div id="left">
        <ul>
            <li >
                <div id="title01">用户登陆</div>
                <div id="login">
                    <form id="form1" method="post" action="">
                    <ul id="box1">
                        <li><b>账号:</b><input id="username" type="text"/></li>
                        <li><b>密码:</b><input id="userpassword" type="password"/></li>   
                        <li><input id="submit" type="submit" value="登陆" class="btn1"/></li>
                        <li><input id="reg" type="submit" value="注册" class="btn2"/></li>
                    </ul>
                </div>
                </div>
                </form>
            </li>
        </ul>
        </body>
  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

1条回答