1、盒子模型（box model） 在HTML中，可以把元素看做盒子，盒子包括：实际内容（content）、内边距（padding）、边框（border）、外边距（margin） 2、标准盒模型与怪异盒模型 对比两种模型的区别 1.标准盒模型 标准盒模型（W3C盒子模型），设置的width或heig ...
分类：
其他好文 时间：
2019-11-25 23:35:00
阅读次数：
96
jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。 设置：$("#div1").width(300); 获取：var h = ...
分类：
Web程序 时间：
2019-11-25 15:16:40
阅读次数：
69
基于offsetHeight和clientHeight判断是否出现滚动条 by:授客 QQ：1033553122 HTMLEelement.offsetHeight简介 HTMLElement.offsetHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一 ...
分类：
编程语言 时间：
2019-11-25 13:06:52
阅读次数：
78
border-box告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。 换句话说，如果你将一个元素的width设为100px,那么这100px会包含它的border和padding，内容区的实际宽度会是width减去border + padding的计算值。 如何计算的？ width ...
分类：
Web程序 时间：
2019-11-22 01:02:02
阅读次数：
96
块级元素div分析 1、外边距 margin 2、内边距 padding 3、边框 border Div的真实宽度=width+margin-left+margin-right+border*2+padding-left+padding-right 文档流 元素从上到下（主要说块级元素），从左到右（ ...
分类：
Web程序 时间：
2019-11-20 21:46:41
阅读次数：
152
background-origin属性规定背景图的定位区域，有三个值： border-box:背景图从外边框的左上角开始，即包括边框部分； padding-box:背景图从内边距的左上角开始，即不包括上和左边框部分，图片足够大会包括右和下边框部分； content-box:背景图从内容框的左上角开始 ...
分类：
其他好文 时间：
2019-11-18 12:59:11
阅读次数：
78
CSS 框模型概述 元素内是要展示的内容，里面的padding、margin、border都会参与计算盒子的大小，例如：有一个盒子大小为100px，外边距10px，内边距5px，实际要展示的内容只有70px 为了更方便地控制网页中的元素，最好清除元素的默认内外边距： content宽度和高度计算 使 ...
分类：
Web程序 时间：
2019-11-16 23:45:32
阅读次数：
137
常见的兼容性问题：1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类：
Web程序 时间：
2019-11-13 11:21:53
阅读次数：
93
1.盒子模型：就是HTML页面中布局元素看做是一个举行的盒子，css盒子包括:content内容、padding内边距、margin外边距、border边框 1.1 border、padding、margin的参数为 值的个数： padding、margin值的个数 表达的意思 padding:5p ...
分类：
其他好文 时间：
2019-11-11 11:13:32
阅读次数：
86
一、什么是css盒模型 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式 上边这句话摘自W3C，翻译成人话：css盒模型又叫css框模型，由4部分组成：框内容、内边距、边框、外边距。通过css来设置这些属性决定这个盒子长什么样！ 废话少说，直接上图 从技术 ...
分类：
Web程序 时间：
2019-11-11 00:05:25
阅读次数：
132
