关于利用first-letter实现首字下沉的一些看法
关键词:
前几天在“CSS那些事儿”的群中，一位读者朋友（小土豆）问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了，为什么呢，怎么一点印象都没有呢。赶紧打开电子版的《CSS那些事儿》找到相对应的章节，并且在各个浏览器中测试了之后才发现，我当初对这块的说明太少了，才让她产生了一些不理解的想法，或许也有其他的一些读者会存在这样的问题。
发现了问题就需要解决问题，因此我就拿这个首字下沉的时候为什么要清除浮动而做了一系列的测试，结果让我感觉有点崩溃，原来我在那章节中说明的内容太少了，在这里赶紧做个补充，希望读者朋友们能看到这篇文章后不会再对那个清除浮动而产生迷惑。
首先来看一下我在书中仅有的一段对首字下沉进行说明的代码。
p:first-letter {
float:left; /* 设置段落p标签的首字为浮动，让其占据多行的空间 */
font-weight:bold; /* 加粗段落p标签的首字 */
font-size:2em; /* 设置段落p标签的首字为其他字体的2倍 */
}
p {clear:both;} /* 清除首字的浮动，避免影响p标签的高度与其相叠加 */
