[問題] CSS的高度消失
不好意思問題有點多...
就是我剛剛在試上面那個橫向的導覽列時
我將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
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