当前位置: 首页 > news >正文

解决CSS布局中padding-right不生效问题

.list_scroller {position: relative;padding-left: 32rpx;padding-right: 32rpx;padding-bottom: 226rpx;}

// 解决方法:
因为默认content-box,width:100%是不包含padding的,但实际我们想包含padding。

  box-sizing: border-box;

在这里插入图片描述

  • content-box 默认值,元素的 width/height 不包含padding,border,与标准盒子模型表现一致

  • border-box 元素的 width/height 包含 padding,border,与怪异盒子模型表现一致 inherit 指定

  • box-sizing 属性的值,应该从父元素继承


http://www.mrgr.cn/news/11614.html

相关文章:

  • Linux5.0 NVMe驱动详细注释
  • 组播(UDP)
  • 【匹配】枚举所有可能的资源组合
  • Ansys Zemax | 如何寻找几何错误 - 第1部分
  • 个人博客和文档管理之vuepress
  • 【EMC专题】以太网电路为什么在变压器次级侧加浪涌保护二极管?
  • Go反射四讲---第四讲:如何使用反射遍历字符串,切片,数组和Map呢?
  • Node.js中的pipe方法全面讲解:事件解析与示例代码分析
  • 除了系统问题 前端可能会有什么问题
  • AntvX6-shape2
  • Linux开发环境搭建,虚拟机安装
  • <数据集>车牌识别数据集<目标检测>
  • 一起学习LeetCode热题100道(55/100)
  • 语音控制开关的语音识别ic芯片方案
  • Mybatis中的缓存
  • Android广播的分类和使用
  • C#—多线程
  • 【jvm】栈是否存在垃圾回收
  • v4l2(video4linux2) yuyv(yuv422)、MJPEG、H.264
  • yocto | 基于Linux的定制系统跑Qt app(第一集)