3-9这样写对吗？

<!DOCTYPE html>

<html>

<head>

<title>可设置宽和高的元素</title>

div{ width:600px;height:200px;border:1px solid gray;}

/*补充样式*/

p{width:60px;font-size:2em;}

.input{width:100px;height:50px;}

.sub{width:100px;height:30px;background-color:orange;font-size:20px;}

</style>

</head>

<body>

<div>

<span>请输入您的信息：</span><input type="text" class="input"><br>

</div>

</body>

</html>

这节编程题这么写对吗？还有个问题就是设置后提交按钮和上面的框线重叠了，，是我设置错了还是？

新手_请多关照 2017-09-21

源自：盒子模型 3-12 编程练习

收起

2回答

卡布琦诺 2017-09-22 10:59:23

这是因为你的p的默认字体设置的过大，我们已经对习题进行了更正，添加了父级的默认字体，建议亲在完善一下，祝学习愉快！

收起回答

慕标4569417 2017-09-22 10:55:10

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>可设置宽和高的元素</title>

    <style type="text/css">

       div{ width:600px;height:200px;border:1px solid gray;}

       /*补充样式*/

       p{width:30%;font-size:2em;}
       .input{width:30%;height:25%;}
       .sub{width:100px;height:30px;background-color:#ff3300;font-size:20px;}
       span{width:30%;height:30%;}
       /*补充样式*/
       
        

    </style>

</head>

<body>

    <div>

        <p>登录</p>

        <span>请输入您的信息：</span><input type="text" class="input"><br>

        <input type="submit" class="sub">

    </div>

</body>

</html>

我是这样写的，可以瞅瞅

收起回答