为什么头部就是没固定？为什么placeholder的字体可以更小？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3-3a</title>
<style type="text/css">
*{
margin:0;padding:o;
}
body{min-width:900px;}
.to,
.footer{
width:100%;height:70px;background-color:black;
position:fixed;
}
.to{vertical-align:middle;
}
ul{
list-style-type:none;
}
a{color:#fff;}
a:hover{
color:orange;
}
li{
display:inline;
margin-right:23px;
}
a{text-decoration:none;}
img{float:left;width:60%;height:60%;}
.qw{float:right;}
.footer{text-align:center;
line-height:70px;
left:0;
bottom:0;
}
.container{
padding:70px 230px 0 320px;
}
.left,
.middle,
.right{
position:relative;
float:left;
min-height:1000px;
padding-top:100px;
}
.middle{
width:100%;
background:pink;
}
.ty{
position:relative;
left:150px;
}
.left{
width:320px;
background:#ffdab9;
margin-left:-100%;
left:-320px;
}
.le{
position:relative;
left:20px;
}
.right{
width:230px;
background:#aeeeee;
margin-left:-230px;
right:-230px;
}
.ri{
position:relative;
left:5px;
}
.BCD{background-color:#E9967A;}
input{width:200px;height:30px;font-size:5px;}
.dlu{
color:white;
background:red;
border:none;
}
.dlu{
color:white;
background:red;
border:none;
}
</style>
</head>
<body>
<div class="headar">
<table class="to">
<tr>
<td>
<img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png">
</td>
<td>
<ul class="qw">
<a href="#"><li>课程</li></a>
<a href="#"><li>职业路径</li></a>
<a href="#"><li>实践</li></a>
<a href="#"><li>猿问</li></a>
<a href="#"><li>手记</li></a>
</ul>
</td>
</tr>
</table>
</div>
<div class="container">
<div class="middle">
<img src="http://img1.sycdn.imooc.com/climg//590037e00001fab706000400.jpg" class="ty"/>
</div>
<div class="left">
<table class="le">
<tr><th >课程推荐</th></tr>
<tr><td class="BCD">职业路径</td>
<td>HTML5与CSS3实现动态网页</td></tr>
<tr><td class="BCD">职业路径</td>
<td>零基础入门Android语法与界面</td></tr>
<tr><td class="BCD">职业路径</td>
<td>ios基础语法与常用控件</td></tr>
<tr><td class="BCD">职业路径</td>
<td>PHP入门开发</td></tr>
<tr><td class="BCD">职业路径</td>
<td>JAVA入门开发</td></tr>
</table>
</div>
<div class="right">
<form class="ri">
<table>
<tr><th>登录</th></tr>
<tr><td><input type="text" name="dl" placeholder="请输入登录邮箱/手机号"/></td></tr>
<tr><td><input type="password" name="ma" placeholder="6-16位密码，区分大小写，不能用空格"/></td></tr>
<tr><td><input type="submit" name="submit" value="登录" class="dlu"/></td></tr>
</table>
<div>
</form>
</div>
</div>
<div class="footer">
<ul>
<a href="#"><li>网站首页</li></a>
<a href="#"><li>企业合作</li></a>
<a href="#"><li>人才招聘</li></a>
<a href="#"><li>联系我们</li></a>
<a href="#"><li>讲师招募</li></a>
<a href="#"><li>常见问题</li></a>
</ul>
</div>
</body>
</html>
正在回答
头部加个设置堆叠顺序z-index:99
placeholder的字体默认是稍小的，可以用font-size加大
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星