第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

關(guān)于BootStrap的container類的三個(gè)寬度設(shè)定問題

關(guān)于BootStrap的container類的三個(gè)寬度設(shè)定問題

慕蓋茨7059572 2018-12-06 23:57:11
在學(xué)習(xí)bootstrap時(shí),學(xué)習(xí)了頁面布局container類,這個(gè)類用于固定寬度并支持響應(yīng)式布局,查看源碼時(shí)是這么寫的.container?{ ??padding-right:?15px; ??padding-left:?15px; ??margin-right:?auto; ??margin-left:?auto; } @media?(min-width:?768px)?{ ??.container?{ ????width:?750px; ??} } @media?(min-width:?992px)?{ ??.container?{ ????width:?970px; ??} } @media?(min-width:?1200px)?{ ??.container?{ ????width:?1170px; ??} }對于其中的width: 1170px;不理解,在學(xué)習(xí)CSS時(shí)如果是#divdemo?{ width:?1170px; }這個(gè)應(yīng)該是設(shè)置的內(nèi)容的寬度,而div的實(shí)際寬度還要加上padding,但是bootstrap中設(shè)置的width按照效果來看,直接將div的寬度設(shè)置上了1170px,和CSS有悖,不知道這一塊如何解釋? ? ? ? ? ?
查看完整描述

1 回答

已采納
?
聰明的湯姆

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

建議先了解一下css的盒模型,這里的container應(yīng)該把box-sizing設(shè)置成了border-box邊距盒子,內(nèi)容的總寬度就是你設(shè)置的width,當(dāng)一個(gè)盒子寬度為100%的時(shí)候還可以設(shè)置padding并且還不會溢出,給篇參考文章你看看css盒模型

查看完整回答
1 反對 回復(fù) 2018-12-07
  • 慕蓋茨7059572
    慕蓋茨7059572
    多謝回答,確實(shí)在源碼中有 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 的選擇器將除了某幾個(gè)元素除外的元素都設(shè)置成了IE的盒模型,第一次接觸IE盒模型,多謝指教。 另外想問下,是不是因?yàn)镮E的這種不守規(guī)則的做法讓前端開發(fā)人員對IE的印象不好? 我看FF和Chrome對相關(guān)CSS的規(guī)則都是比較遵守。
  • 聰明的湯姆
    聰明的湯姆
    別說前端開發(fā)人員了,像一些用戶都覺得不好吧
  • 1 回答
  • 0 關(guān)注
  • 3621 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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