一、怪异盒模型： 1）触发怪异盒模型： box-sizing:border-box; 2）怪异盒模型特点：padding和border都会在元素的宽高的内部，不会把盒子撑大。 3）box-sizing: 属性值： box-sizing:content-box; 常规盒模型 box-sizing:bo ...
分类：
其他好文 时间：
2020-04-14 21:01:31
阅读次数：
62
1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、box-sizing ...
分类：
Web程序 时间：
2020-03-29 12:49:51
阅读次数：
101
什么是盒子模型？ 把所有的网页元素都看成一个盒子，它具有： content，padding，border，margin 四个属性，这就是盒子模型。 盒子模型有两种形式：标准盒子模型，怪异盒子模型 两种模式可以利用box-sizing属性进行设置： 标准模式：box-sizing:content-bo ...
分类：
其他好文 时间：
2020-03-18 18:30:26
阅读次数：
42
现在的盒模型主要有三种： 1. 标准盒模型 box-sizing: content-box; 这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。 2. 怪异盒模型 box-sizing: border-box; 这种盒模型在实际开发中最方便。即wi ...
分类：
其他好文 时间：
2020-03-12 09:40:46
阅读次数：
49
我们都知道CSS盒模型分为IE盒模型和W3C标准盒模型，它们的计算方式和一个CSS属性有关box-sizing。box-sizing属性值content-box | border-box 默认值：content-boxcontent-box当我们对元素设置content-box.demo1 { bo... ...
分类：
其他好文 时间：
2020-03-06 22:09:58
阅读次数：
61
移动端布局 最近写vue项目，已经忘了移动端布局，今天复习了一下弹性盒；o(╥﹏╥)o 百分百布局 rem布局 响应式布局 弹性布局 怪异盒模型 box sizing：以特定的方式定义匹配某个区域的特定元素。 conten box：标准盒模型；宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元 ...
分类：
Web程序 时间：
2020-02-26 21:14:30
阅读次数：
87
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>纯CSS自适应响应式Table数据表格DEMO演示</title> 6 7 <style> 8 *{ 9 box-sizing: border-box; 10 ...
分类：
Web程序 时间：
2020-02-16 20:31:01
阅读次数：
127
CSS篇 1.CSS 盒子模型，绝对定位和相对定位 css盒模型有两种，一种是标准盒模型 一种是怪异盒子模型 1.box-sizing: content-box; // width = content + padding + border 2.box-sizing: border-box; // w ...
分类：
其他好文 时间：
2020-02-16 10:16:49
阅读次数：
141
解释不清楚,就不解释了 css部分 * { margin: 0; padding: 0; box-sizing: border-box; } body { background: url(../images/1.jpg) no-repeat; background-size: cover; } .q ...
分类：
Web程序 时间：
2020-01-29 01:19:36
阅读次数：
88
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document</title> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } bod ...
分类：
其他好文 时间：
2020-01-16 12:26:04
阅读次数：
54
