2-11编程问题
来源：2-12 编程练习
每天多坚持一下
2017-05-10 17:50:20
为什么登录的一块设置了浮动在下面去了？宽度不够？应该怎么改啊？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>两列布局</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
.big{widows: 100%;height: 1000px;margin: 0 auto}
.nav{
width: 100%;
height: 100px;
background: #000;
position: fixed;
top: 0;
}
.logo{
float: left;
}
.nav-list{
width: 1000px;
height: auto;
float: right;
}
.nav ul{
line-height: 100px;
display: inline;
list-style: none;
}
.nav-list li{
color: #FFF;
float: left;
padding: 50px;
padding-top: 0;
}
.container{
width: 100%;
height: 1000px;
background: #f2f2f2;
}
.left{width: 35%;height: 1000px;margin-top:100px;float: left;}
.left ul{list-style: none;text-align: center;}
.left h1{margin-left: 170px;}
.left ul li{padding: 25px;}
.right{width: 30%;height: 1000px;margin-top: 100px;float: left;}
.right ul{list-style: none;}
.right ul li{padding: 25px;}
.bar{width: 1%;height: 1000px;background: red;float: left;margin-top: 100px;}
.login{width: 34%;height: 1000px;background: #f2f2f2;margin-top: 100px; float: right;}
.footer{width: 100%;height: 50px;background: black;position: fixed;bottom: 0; overflow: hidden;}
.nav2 ul{list-style: none;text-align: center;margin-top: 20px;}
.nav2 ul li{padding:10px;color: #FFF;display: inline;}
</style>
</head>
<body>
<div>
<div>
<div><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png" width="200px" height="80px" /></div>
<div>
<ul>
<li>课程</li>
<li>答疑地区</li>
<li>信箱</li>
<li>手记</li>
<li>交流</li>
</ul>
</div>
</div>
<div>
<div>
<h1>课程推荐</h1>
<ul>
<li>啦啦啦啦啦</li>
<li>啦啦啦啦啦</li>
<li>啦啦啦啦啦</li>
<li>啦啦啦啦啦</li>
<li>啦啦啦啦啦</li>
</ul>
</div>
<div>
<h1>相关课程</h1>
<ul>
<li>洛洛洛</li>
<li>洛洛洛</li>
<li>洛洛洛</li>
</ul>
</div>
</div>
<div>
<div>
<ul>
<li>哈哈哈哈</li>
<li>哈哈哈哈</li>
<li>哈哈哈哈</li>
<li>哈哈哈哈</li>
<li>哈哈哈哈</li>
<li>哈哈哈哈</li>
</ul>
</div>
</div>
<div></div>
<div>
<h1>登录</h1>
<form>
<input type="te" name="username" value="用户名" />
</form>
<form>
<input type="password" name="password" value="用户名" />
</form>
<form>
<input type="submit" name="submit" value="登录"/>
</form>
</div>
</div>
</body>
</html>
1回答
-
小于飞飞
2017-05-11
你好，html 代码中没有相应的 class ，请从新上传该部分代码，以便检测问题。建议如下：根据html 结构来看，登录部分内容应该在 container 区中，这样该区分为左中右三块，在进行样式设置。动手在实践下。希望对你有帮助。
0
