• 技术文章 >Web开发 >css教程

    css中padding如何计算

    小妮浅浅小妮浅浅2021-09-29 09:24:27原创4581

    说明

    1、对于一个元素不确定宽度和高度,但是想按照一定的比例来显示,可以用padding来计算高度。

    2、通过父元素的width属性,padding可以设定百分比,从而动态地确定高度。

    实例

    .parent {
        /*父元素宽度*/
        width: 600px;  
        position:relative;
    }
    .child {
        width:100%;
        padding-top:75%;
    }

    没有为child元素设置height属性,但是padding-top属性给了75%,它的75%是根据父元素parent的width来计算的,height=600px*75%=450px。而且width和height的百分比是100%和75%,符合我们4:3的要求。

    以上就是css中padding的计算,希望对大家有所帮助更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css padding
    上一篇:css怪异盒模型的介绍 下一篇:css中固定定位fixed是什么

    相关文章推荐

    • css中first-letter是什么• css中first-line如何理解• css中四种页面编写样式• CSS Modules是什么意思• CSS Modules有哪些使用方法• CSS中in JS是什么意思• css定位的介绍• css元素有哪些类型• css选择器有哪些• css安装LESS的方法• css默认样式的整理• css浏览器的渲染过程• css怪异盒模型的介绍

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网