给段落标签设置样式宽度是父元素高度的30%是这样的吗?

来源:3-13 border边框属性

慕瓜8136058

2017-09-20 10:59:47

<!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:50px;}

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

       span{width:800px;height:800px;}

       

    </style>

</head>

<body>

    <div>

        <p>登录</p>

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

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

    </div>

</body>

</html>


写回答

1回答

好帮手慕糖

2017-09-20

你好,不是的哟,这里是“ 宽度是父元素高度的30%”若是父元素宽度的30%可以直接写30%,但是这里是高度,就要计算了,父级高度是200px,那么它的30%,就是200*30% = 60px,所以这个p元素的宽度要设置60px;

祝学习愉快~

0

0 学习 · 36712 问题

查看课程