亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

關于BootStrap的container類的三個寬度設定問題

關于BootStrap的container類的三個寬度設定問題

慕蓋茨7059572 2018-12-06 23:57:11
在學習bootstrap時,學習了頁面布局container類,這個類用于固定寬度并支持響應式布局,查看源碼時是這么寫的.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;不理解,在學習CSS時如果是#divdemo?{ width:?1170px; }這個應該是設置的內容的寬度,而div的實際寬度還要加上padding,但是bootstrap中設置的width按照效果來看,直接將div的寬度設置上了1170px,和CSS有悖,不知道這一塊如何解釋? ? ? ? ? ?
查看完整描述

1 回答

已采納
?
聰明的湯姆

TA貢獻112條經驗 獲得超33個贊

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

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

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號