博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
不让padding影响元素的宽度
阅读量:4591 次
发布时间:2019-06-09

本文共 398 字,大约阅读时间需要 1 分钟。

CSS3 新增了 box-sizing 属性。

以前,如果指定 div 的宽度为

div {        width: 100px;        height: 100px;        padding: 10px;    }

则包含 padding,div 的实际宽度为 120px。

有时我们不希望 padding 影响到 div 的实际宽度。以前只能手动计算 width,从 CSS3 开始可以通过 box-sizing 来做到这一点。

div {        box-sizing: border-box;        width: 100px;        height: 100px;        padding: 10px;}

则 div 的实际宽度为 100px。

转载于:https://www.cnblogs.com/new0801/p/6176755.html

你可能感兴趣的文章
[BZOJ3531][Sdoi2014]旅行 树链剖分
查看>>
mybatis运行原理(面试回答)
查看>>
软件结构与环境配置概述
查看>>
20171122
查看>>
CSS3box-shadow属性的使用
查看>>
快速找到未知长度的单链表的中间结点
查看>>
20180320作业1:源代码管理工具调查
查看>>
智能路由器-OpenWRT 系列一 (OpenWRT 刷机)
查看>>
SQLAlchemy与sql语句
查看>>
JAVA核心技术I---JAVA基础知识(回顾)
查看>>
ACCESS数据库注入
查看>>
MFC 对话框 静态文本 编辑框
查看>>
docker使用技巧小记
查看>>
PAT(A) 1036. Boys vs Girls (25)
查看>>
洛谷 P2837 晚餐队列的安排
查看>>
【摘要】JavaScript 的性能优化:加载和执行
查看>>
Alpha 冲刺报告(3/10)
查看>>
C语言复习---选择法排序
查看>>
弹性盒模型------新布局的宠儿
查看>>
搜狗前端笔试题
查看>>