首页 > 其他分享 >尺寸的百分比

尺寸的百分比

时间:2023-07-31 13:46:35浏览次数:37  
标签:百分比 元素 宽度 尺寸 参考系 为父

尺寸的百分比

绝大部分可以书写尺寸的地方,都可以书写百分比

百分比是一个相对单位,其相对于元素的参考系,比如:

  • 普通元素的参考系为父元素的内容区域
  • 绝对(固定)定位元素的参考系为父元素中第一个定位元素的padding区域+内容区域

下面罗列常见的百分比情况

css属性 百分比相对于 备注
width 参考系的宽度
height 参考系的高度 参考系高度受本身高度影响时,设置无效
padding 参考系的宽度
border 参考系的宽度
margin 参考系的宽度

标签:百分比,元素,宽度,尺寸,参考系,为父
From: https://www.cnblogs.com/bingquan1/p/17593207.html

相关文章

  • SFP6012A-ASEMI代理海矽美快恢复二极管参数、尺寸、规格
    编辑:llSFP6012A-ASEMI代理海矽美快恢复二极管参数、尺寸、规格型号:SFP6012A品牌:ASEMI封装:TO-247AC恢复时间:100ns正向电流:60A反向耐压:1200V芯片大小:102MIL*2芯片个数:1引脚数量:2类型:快恢复二极管特性:快恢复浪涌电流:500A正向压降:2.4V封装尺寸:如图工作温度:-40°C~175°C产品尺寸大小:总......
  • SFP6012A-ASEMI代理海矽美快恢复二极管参数、尺寸、规格
    编辑:llSFP6012A-ASEMI代理海矽美快恢复二极管参数、尺寸、规格型号:SFP6012A品牌:ASEMI封装:TO-247AC恢复时间:100ns正向电流:60A反向耐压:1200V芯片大小:102MIL*2芯片个数:1引脚数量:2类型:快恢复二极管特性:快恢复浪涌电流:500A正向压降:2.4V封装尺寸:如图工作温度:-40°C~175......
  • SFP6002-ASEMI代理海矽美快恢复二极管参数、尺寸、规格
    编辑:llSFP6002-ASEMI代理海矽美快恢复二极管参数、尺寸、规格型号:SFP6002品牌:ASEMI封装:TO-247AB恢复时间:30ns正向电流:60A反向耐压:200V芯片大小:102MIL*2芯片个数:2引脚数量:3类型:快恢复二极管特性:快恢复浪涌电流:450A正向压降:0.9V封装尺寸:如图工作温度:-40°C~150°C......
  • SFP3012-ASEMI快恢复二极管参数、规格、尺寸
    编辑:llSFP3012-ASEMI快恢复二极管参数、规格、尺寸型号:SFP3012品牌:ASEMI芯片个数:2芯片尺寸:102MIL*2封装:TO-247恢复时间:65ns工作温度:-40°C~175°C浪涌电流:160*2正向电流:30A反向耐压:1200V正向压降:1.75V引脚数量:3漏电流:>10uaSFP3012二极管特性:SFP3012快恢复二极管广......
  • 直播商城源码,js判断上传图片格式类型、尺寸大小
    直播商城源码,js判断上传图片格式类型、尺寸大小//判断图片类型varf=document.getElementById("File1").value;if(f==""){ alert("请上传图片");returnfalse;}else{if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f)){alert("图片类型必须是.gif,jpeg,jpg,png中的一种")retu......
  • MURF20100CTR-ASEMI快恢复对管封装、尺寸、参数
    编辑:llMURF20100CTR-ASEMI快恢复对管封装、尺寸、参数型号:MURF20100CTR品牌:ASEMI芯片个数:2芯片尺寸:102MIL*2封装:TO-220F恢复时间:50ns工作温度:-50°C~150°C浪涌电流:200A正向电流:20A反向耐压:1000V正向压降:1.10V引脚数量:2漏电流:>10uaMURF20100CTR二极管特性:MURF20100......
  • CSS2.1规范笔记 - 8.1 盒尺寸
    中文链接:http://www.ayqy.net/doc/css2-1/cover.html英文链接:https://www.w3.org/TR/2011/REC-CSS2-20110607/本笔记是2020年自学前端时所写,当时写在word文档上,今天重温,就搬到博客园上来。盒尺寸盒模型的组成css盒模型描述了一个为文档树中的元素生成的,根据视觉格式化模型进......
  • Struts2中对数字进行格式化,1、将数字用 , 号分隔 2、将小数格式化为百分比 ...
    Struts2中对数字进行格式化,1、将数字用,号分隔2、将小数格式化为百分比2008-12-2422:36一、资源文件的配置(applicationResource_zh_CN.properties)format.number={0,number,###,###.##}format.discount={0,number,###.#######%}二、struts.xml<?xmlve......
  • 字母在字符串中的百分比
    给你一个字符串s和一个字符letter,返回在s中等于 letter 字符所占的百分比,向下取整到最接近的百分比。示例1:输入:s="foobar",letter="o"输出:33解释:等于字母'o'的字符在s中占到的百分比是2/6*100%=33%,向下取整,所以返回33。示例2:输入:s="jjjj......
  • CAD设置尺寸标注箭头样式无效
    情况一,新增的标注设置箭头样式后,添加到图纸中此处无变化解决方法:先添加到图纸中,再修改情况二,按情况一操作后,此处箭头变了,但实际显示不变解决方法:1、尝试修改Dimasz属性的大小2、将Dimsah属性设置为true3、Dimtsz属性设置为0......