关于box-sizing的理解
2024-09-15 18:42:50
---恢复内容开始---
box-sizing
属性允许您以特定的方式定义匹配某个区域的特定元素。
例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
语法
box-sizing: content-box|border-box|inherit;
content-box :w3c标准(默认) border-box :IE传统标准
content-box:
.test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; }
test1 中的宽度200px 指的是 content的宽度,同理高度也是。
border-box:
.test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; }
test2 中的宽度200px指的是border的宽度,同理高度也是。
借助上面的例子可以理解 padding-box
---恢复内容结束---
最新文章
- 你必须知道的EF知识和经验
- java list 简述
- linux-11 基本命令之 -工作期目录切换命令-pwd,cd,
- Jenkins_多项目构建(二):使用Maven聚集关系
- Bluetooth Security Manager
- 替代jquery
- 小白日记52:kali渗透测试之Web渗透-HTTPS攻击(Openssl、sslscan、sslyze、检查SSL的网站)
- Tran 与 Goto try catch raiserror等浅显应用
- web2.0的几个开源项目
- HDU 4280 Island Transport(网络流)
- Java关键字transient和volatile
- Android 样式
- Chrome 62 的大坑:修改密码后始终使用保存的旧密码登录
- JsonCPP库使用
- Emacs Org-mode 3 表格
- Javascript动态生成的页面信息爬取和openpyxl包FAQ小记
- python学习笔记——(二)循环
- yaf twig配置
- 如何阅读luajit的代码——用vs调试篇
- 使用SQL Server Management Studio操作replication时,要用机器名登录,不要用IP地址