HTML5對(duì)line-height/inline-block的影響

1.刪除和不刪除<!DOCTYPE html>，對(duì)下面代碼展示有很大的影響

2.原代碼如下：

<!DOCTYPE html>
<style>
    #parent {
        line-height: 120px;
        background: gray;
        display: inline-block;
        margin: 0px;
        padding: 0px;
    }

    #child {
        width: 371px;
        height: 20px;
        background: red;
        display: inline-block;
    }
</style>

<div id="parent">
    <div id="child"></div>
</div>

不刪除的情況

刪除的情況

3.有沒(méi)有師傅幫忙指導(dǎo)一二，小弟后端人員，剛?cè)肭岸?...，個(gè)人覺(jué)得是HTML5對(duì)line-height/inline-block的影響，不知對(duì)否，如果對(duì)，那么是怎么影響的?

回答

編輯回答

汐顏

<!DOCTYPE html>真是H5的版本聲明,沒(méi)有這東西,瀏覽器不知道你要做什么

2017年6月13日 19:46

編輯回答

默念

<!DOCTYPE html>不要?jiǎng)h，會(huì)改變?yōu)g覽器的渲染行為，而且你還缺少了html、head、body這三個(gè)關(guān)鍵標(biāo)簽，你要走的路還有很長(zhǎng)，先看看入門(mén)基礎(chǔ)吧。

2017年8月24日 01:17

編輯回答

莓森

<!DOCTYPE html>會(huì)告訴瀏覽器以HTML5的標(biāo)準(zhǔn)去渲染網(wǎng)頁(yè)

2018年2月14日 18:00

編輯回答

她愚我

<!doctype html>叫做文檔類(lèi)型聲明，即告訴瀏覽器以何種標(biāo)準(zhǔn)來(lái)渲染你的網(wǎng)頁(yè)。

在你的上下文中，其實(shí) style 標(biāo)簽中的屬性都生效了，只是瀏覽器在是否擁有文檔類(lèi)型聲明的情況下對(duì)這些屬性的解析規(guī)則不同。

如果不寫(xiě)，那么瀏覽器會(huì)使用叫做backCompat模式的渲染機(jī)制，說(shuō)白了，就是使用瀏覽器自己的規(guī)則（一千個(gè)瀏覽器一千個(gè)頁(yè)面），而寫(xiě)上的以后，根據(jù)聲明內(nèi)容不同，就會(huì)使用不同的規(guī)則進(jìn)行渲染，這里的<!doctype html>是 html5 標(biāo)準(zhǔn)的聲明，它告訴瀏覽器使用 w3c 制訂的 html5 規(guī)范對(duì)文檔上下文進(jìn)行繪制。

2017年6月23日 01:23