首頁(yè) 猿問(wèn) 為什么table布局中，如果沒(méi)寫內(nèi)...

為什么table布局中，如果沒(méi)寫內(nèi)容，背景不顯示

JavaScript

largeQ 2018-07-20 17:19:51

這里用table布局，上下定寬，中間自適應(yīng)，為什么top div里沒(méi)寫內(nèi)容，它就只占位，不顯示背景色（背景色我已經(jīng)設(shè)置為黃色了），

查看完整描述

1 回答

LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

.top是display：table-row，相當(dāng)于table下的tr，很多樣式對(duì)tr都是不生效的，通常對(duì)td設(shè)置才可以，因?yàn)閠d才是單元格，用于輸入內(nèi)容的。
兩個(gè)解決方案：
1、在top內(nèi)再套一個(gè)div

 <div class="top">
    <div style="display: table-cell; background-color: #000"></div>
</div>

2、加一個(gè)空格

 <div class="top">&nbsp</div>

反對(duì) 回復(fù) 2018-07-30

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)