首页 > 其他分享 >css各属性的百分比值

css各属性的百分比值

时间:2023-01-30 22:36:08浏览次数:41  
标签:box 百分比 height padding 宽度 css 属性

width、padding、margin:

  • 正常文档流和设置浮动时,相对父元素的content box的宽度;
  • 绝对定位时,相对于包含块的padding box的宽度;

height:

  • 正常文档流时,如果父元素的height属性为auto,则子元素height设置为百分比会被忽略。

top、bottom:相对包含块padding box的高度计算;

left、right:相对包含块padding box的宽度计算;

标签:box,百分比,height,padding,宽度,css,属性
From: https://www.cnblogs.com/hdxg/p/17077431.html

相关文章

  • 零基础学前端之CSS轮廓
    在表单的学习中,细心的同学发现了,当前密码框控件获得焦点时,浏览器默认会给它一个蓝色的轮廓,提高用户输入信息的体验。这个轮廓线是通过给input元素添加border边框实现的......
  • el-table设置列属性fixed导致滚动条无法拖动-骨灰级
    一、前言说明网上一搜索,千篇一律的设置el-table__fixed,如:.el-table__fixed{//左固定列height:auto!important;bottom:18px;}.el-table__fixed-right......
  • postcss-px-to-viewport适配屏幕大小
    1、postcss-px-to-viewport适配的介绍postcss-px-to-viewport是一个插件,用起来非常方便,安装一下插件,搞个配置文件就可以直接用了。2、postcss-px-to-viewport适配的......
  • C#调用 存储过程的 output 参数:string[20]:size 属性具有无效大小值0
    --开关参数declare@bFilter_cBillCodebit=0--是否过滤单号declare@bFilter_cWareCodebit=0--是否过滤商品编码declare@bUpdate_nPrice......
  • 视频直播源码,CSS 修改滚动条样式、信封边框样式
    视频直播源码,CSS修改滚动条样式、信封边框样式CSS全局修改滚动条样式  ::-webkit-scrollbar{ /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的......
  • css总结
    目录CSS简介一.网页样式1.1引入方法1.1.1内联样式1.1.2内部样式表1.1.3链接外部样式1.1.4导入外部样式1.2基础语法1.3选择器的分类1.3.1标记选择器1.3.2通用选择器对所......
  • CSS布局display值inline、block、inline-block区别
    inline前后不会有换行,block前后会有换行,inline-block前后不会有换行,但内部会换行且可以设置高宽。,如下图所示: ......
  • 第五节:Less、Scss简介以及核心用法总结
    一.Less简介       二.Less核心用法       三. Scss简介      四. Scss核心用法        !作 ......
  • CSS
    1.层叠顺序<div><divclass="box1">box1</div><divclass="box2">box2</div></div> 两个div都是块级......
  • 懂了GNUC属性,C大牛非你莫属
    之前,小编黑鸟连续日更了十篇GNUC中特有的不同于ANSIC标准的语法扩展,这些扩展往往是普通教材中不会提及的。而恰恰是这些%1的语法影响着我们%99的人能否在众多C程序员中......