（1）當(dāng)圖片的設(shè)置為 top ,文字設(shè)置 bottom ：

????首先不是說(shuō)文字會(huì)與圖片的底部對(duì)齊，而是因?yàn)閳D片太高，高于父容器的內(nèi)容高度，導(dǎo)致圖片對(duì)齊父容器的內(nèi)容文字頂部后撐開(kāi)了父容器，使父容器高度變高，然后這時(shí)父容器的底部巧合和圖片底部在同一水平線，然后你就錯(cuò)以為說(shuō)它后面的文字是和圖片底部對(duì)齊了，實(shí)質(zhì)上是后面文字與父容器的底部對(duì)齊。你自己測(cè)試將圖片大小變小，小于父容器內(nèi)容高度，你就明白了，如下：

（2）當(dāng)圖片的設(shè)置為bottom,文字設(shè)置bottom：

????會(huì)下沉？沒(méi)感覺(jué)噢，我個(gè)人認(rèn)為是不會(huì)有下沉的，都會(huì)在同一條水平線上。

????假設(shè)父容器中不含有其他元素，只有自己的文字內(nèi)容，那它高度正是他的內(nèi)容高度，如下圖：

? ? 這時(shí)候給他內(nèi)容加一個(gè)圖片，設(shè)置vertical-align：bottom，圖片底部會(huì)和上面的內(nèi)容底部在同一水平線，如下圖：

????這時(shí)再在圖片后加一段文字（【span】display：inline-block；vertical-align：bottom），它一樣是會(huì)和父容器初始內(nèi)容底部在同一水平線，不會(huì)受到圖片的影響。如下圖：

????所以我感覺(jué)是你看錯(cuò)了。

????好好琢磨透“只與父級(jí)有關(guān)系”這個(gè)還是很不錯(cuò)的。

????以上為個(gè)人學(xué)習(xí)后的理解，如有錯(cuò)誤，Emmm，哈哈哈哈哈，快來(lái)教懂我吧。