前端学习(十六)元素的高度宽度决定
来源:互联网 发布:自动发卡对接淘宝 编辑:程序博客网 时间:2024/05/22 09:06
设置页面元素的宽高,通常会设置width和height。
其实页面元素的宽高是由,外边距+宽高尺寸+内边距+边框 决定的
也就是说,默认情况下,外边距,内边距,边框大小(margin,padding,border)会影响元素的宽高,或者说,外边距,内边距,边框可以撑开元素。
css有box-sizing
属性,设置影响宽高的属性
1.
box-sizing: content-box;
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框,即内外边距和边框大小会影响到用width和height设置的宽高。
2.
box-sizing: border-box;
为元素设定的宽度和高度决定了元素的边框盒。
就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度,即元素的宽高就是你设置的width和height。
2.
box-sizing: inherit;
从父元素继承 box-sizing 属性的值。
阅读全文
0 0
- 前端学习(十六)元素的高度宽度决定
- 规定元素的高度,宽度
- 宽度决定高度
- js获取Html元素的实际宽度高度(offsetWidth)
- 思想决定高度,行动决定宽度
- 一个人的宽度决定了他的高度
- 一个人的宽度决定了他的高度
- DOM元素的各种宽度和高度
- 定位 获取元素的宽度和高度
- table元素的宽度/高度设置问题
- jquery获取隐藏元素的宽度高度
- js 获取元素的高度或者宽度。
- 获取dom元素的宽度和高度
- 获取字体的长度(宽度)和高度,字体尺寸决定控件尺寸
- 高度和宽度不固定元素水平和垂直居中的实现(父元素高度和宽度固定)(完美解决兼容问题)
- 【web前端】关于窗口内高度,宽度相关的方法
- [css]如何让一个元素div1的宽度由子元素的宽度决定,并超出父元素div0
- JS:获取元素宽度高度
- MpAndroidChart坑之release发布版本动画不起作用
- Collection
- 在MAC中更改MySQL数据库密码
- Spring Batch Remote Partitioning(远程分区)简介
- 总结
- 前端学习(十六)元素的高度宽度决定
- 专用于SqlServer2005的高效分页存储过程(支持多字段任意排序,不要求排序字段唯一)
- LeetCode #475 Heaters
- java.io.IOException:FULL head
- 设计一个投入方案
- Gson解析问题一:按String读取0.0时,值为0的问题
- 石头剪刀布上线了
- 进化算法(三)路径最短
- 【PE】Windows平台全局变量动态链接问题