[問題] CSS的高度消失

看板Web_Design作者時間6年前 (2018/02/03 14:49), 6年前編輯推噓0(001)
留言1則, 1人參與, 最新討論串1/1
不好意思問題有點多... 就是我剛剛在試上面那個橫向的導覽列時 我將height設成60 然後我又新增border 根據box-model的規定 應該是height不包含border才對 但是卻出現以下狀況: https://imgur.com/yiHnDfE
可以看到在右下角 顯示該div的height=60 border=10px 這樣的話 該div總高度應為80才對 因為height是不含border的 然而左上角 height卻仍然顯示60 看起來就像是height有包含border 請問為什麼會這樣呢 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.169.111.2 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1517640581.A.80C.html

02/03 14:58, , 1F
border-box內距和邊框將不會增加元素本身的寬度。
02/03 14:58, 1F
結果是因為BootStrap會將所有元素都設成 box-sizing: border-box https://imgur.com/NsLksdC
※ 編輯: lueichun (1.169.111.2), 02/03/2018 20:30:26
文章代碼(AID): #1QTLk5WC (Web_Design)