Css 用相对单位（em）设置两个相等大小的长方体
我正在重新量化CSS的内容。我正在处理那边的代码。我不明白h1和剖面框的尺寸是如何设置的。尺寸相同，但在h1标签中，最大宽度为15em，在章节类中，最大宽度为36em。这两个元素都是body的子元素，因此相对于其父元素（默认情况下具有16px的body）的em应分别为240px（15x16）和576（36x16），而这两个框的尺寸相同。我错在哪里？有人能解释一下为什么这两个盒子的尺寸相同吗Css 用相对单位（em）设置两个相等大小的长方体,css,responsive-design,Css,Responsive Design,我正在重新量化CSS的内容。我正在处理那边的代码。我不明白h1和剖面框的尺寸是如何设置的。尺寸相同，但在h1标签中，最大宽度为15em，在章节类中，最大宽度为36em。这两个元素都是body的子元素，因此相对于其父元素（默认情况下具有16px的body）的em应分别为240px（15x16）和576（36x16），而这两个框的尺寸相同。我错在哪里？有人能解释一下为什么这两个盒子的尺寸相同吗 伪元素 身体{ 字体系列：“Lucida Grande”，“Lucida Sans Unicode”，
伪元素
身体{
字体系列：“Lucida Grande”，“Lucida Sans Unicode”，“Lucida Sans”，日内瓦，Verdana，无衬线；
}
h1{
最大宽度：15em；
保证金：1em自动。5em；
文本对齐：居中；
字体系列：佐治亚，泰晤士报，“泰晤士报新罗马”，衬线；
字体大小：300；
字号：3em；
垫底：5em；
边框底部：1px实心#999；
}
.章{
保证金：0自动；
最大宽度：36em；
左：10em；
位置：相对位置；
}
.第p章{
字号：1em；
线高：1.5；
边缘：0.1.5em；
}
.章：：以前{
位置：绝对位置；
排名：0；
左：0；
宽度：1米；
高度：1米；
内容：‘’”；
字号：20em；
线高：1；
边缘顶部：-0.1米；
颜色：#ccc；
说：没有；
}
/**
*通过浮动第一个字母来创建“落差上限”。
*/
.第p章：第一个字母{
浮动：左；
字号：3em；
线高：0.8；
边缘顶部：.15em；
保证金权利：.1em；
字体系列：佐治亚，泰晤士报，“泰晤士报新罗马”，衬线；
}
/**
*支持说明：在撰写本文时，Google Chrome（可能还有
*其他基于闪烁/铬的浏览器）*仍然*不支持
*:：first-line伪元素中的文本转换属性，
*出于某种莫名其妙的原因。
*/
.第p章：第一线{
字体系列：佐治亚，泰晤士报，“泰晤士报新罗马”，衬线；
文本转换：大写；
}
猩红研究
第1878年，我获得了伦敦大学医学博士学位，并前往Netley攻读军队外科医生的课程。在那里完成学业后，我正式加入了第五诺森伯兰纺纱厂，担任助理外科医生