百分比到底是谁的百分比

元素的百分比到底是谁的?

1、width、height

 <style>
        * {
            margin: 0;
            padding: 0;
        }
        .box{
            width: 200px;
            height: 200px;
            border: 1px solid darkcyan;
        }
        .child{
            width: 50%;
            height: 50%;
            padding: 50%;
            margin: 50%;
            background: #f3ae22;
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="child"></div>
    </div>
</body>
Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 咱们先看手册中关于宽的描述: 语法:width:<length> | | auto默认值:auto继承性:无动...
    microkof阅读 1,859评论 2 2
  • 深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系?为什么要进...
    价值趋势技术派阅读 5,863评论 2 2
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,768评论 0 8
  • 开门,关门 出去,进来 一张张面孔 似曾相识 又不甚熟识 时而静谧 时间以红色跳动的数字 来计量 时而喧嚣 熟识的...
    何小河vicky阅读 215评论 0 0