问题描述
- 用li设置登录表单时,登录和注册按钮已设定float:left;，可是注册按钮和登陆按钮不能在同一行
-
部分代码如下：
#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>
解决方案
你的li设置了宽度100%，去掉100%外，你设置的大小小于
2个按钮的宽度，要把.btn1里面的margin-left去掉。
时间： 2024-10-31 11:33:11