发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 1.1k | 阅读时长 ≈ 4
¶文本的父盒子使用绝对值高度时的情况，如height: 300px; 首先先明确，行高和盒子（元素）的高度不是一个概念。 行高即文本中一行的高度。盒子中可以有多个文本行。 规律： 文字在行高中默 ...
阅读全文 »

发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 3.2k | 阅读时长 ≈ 12
¶一、元素分类 ¶1. 行内元素/内联元素（inline） （1）行内元素不会独占一行，和其他元素都在一行上，当遇到父级元素边界才会被迫自动换行。 （2）设置宽高无效。 宽度：设置width无效，内 ...
阅读全文 »

发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 517 | 阅读时长 ≈ 2
Demo1： 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html ...
阅读全文 »

发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 1.4k | 阅读时长 ≈ 6
1.盒子模型的高度和宽度的概念 2.元素外边距叠加和合并的现象 3.padding和border对元素宽高的影响 4.清除元素默认边距
¶盒子模型的高度和宽度的概念 内容的宽度和高度 就是通过对标签的width/height属性设置的值。 元素的宽度和高度 宽度=左边框+左内边距+width+右内边距+右边框 高度=上边框+ ...
阅读全文 »

发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 796 | 阅读时长 ≈ 3
fbox1和fbox2是两个父盒子，宽高都没有设置，两个父盒子中各自又分别有三个div子盒子，这些子盒子都设置了都为100px的宽高，并且都往左边浮动，在子盒子未浮动前父盒子的高度由所有对应的子盒子 ...
阅读全文 »

发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 1.8k | 阅读时长 ≈ 8
¶一、父盒子为绝对高度值时子盒子的居中问题 需求：在一个长宽为400px的大盒子里放入长宽为200px的小盒子，让小盒子相对大盒子水平居中和垂直居中 。 ¶1. 父盒子和子盒子的高度都为绝对值时 ¶ ...
阅读全文 »

发表于 | 更新于: | 分类于 | | 阅读次数:
字数统计: 394 | 阅读时长 ≈ 2
当两个盒子在垂直方向上设置margin值时，会出现一个有趣的塌陷现象。 （1）为父盒子设置border，为外层添加border后父子盒子就不是真正意义上的贴合。 （2）为父盒子添加overflow: ...
阅读全文 »
0%