3-12 编程练习
来源：3-12 编程练习
汪晓歌
2018-10-19 23:46:52
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>可设置宽和高的元素</title>
<style type="text/css">
div{ width:600px;height:200px;border:1px solid gray;font-size:14px;}
/*补充样式*/
p{width:30%;
font-size:2em;
}
.input{width:30%;
height:0.25em;
}
.sub{width:100px;
height:30px;
background-color:orange;
font-size:20px;
}
span{width:500px;
height:500px;
}
</style>
</head>
<body>
<div>
<p>登录</p>
<span>请输入您的信息：</span><input type="text" class="input"><br>
<input type="submit" class="sub">
</div>
</body>
</html>
1回答
-
好帮手慕星星
2018-10-21
输入框设置的高度是不对的：em是根据父元素的font-size属性大小来计算的，而输入框的高度是需要根据父元素的高度来计算，所以参考代码：
自己可以测试下，祝学习愉快！
0
相似问题