https://jsfiddle.net/ndrjjxku/5/ 這邊想問個問題 div herader第二排的超連結(玩新聞到英國脫歐那) padding下方設數值總是會超出div herader的邊框 (如padding:1% 1% 0% 1%; 如果把0設為1總是會溢出邊框) https://jsfiddle.net/ndrjjxku/6/ 就算div herader不被撐大 好像也不該溢出來 有辦法可以避免嗎?(不溢出來) 謝謝> <
我把#header max那個改成 height: 100px; 就可以了 你的原因我努力找找看 ><
在#header 裡面多加一條 padding-bottom:1%; 這樣就好了 塊元素會溢出,因為你是在父<div>後才設定子<a>, 所以a元素才會溢。
a 標籤預設 display 為 inline ,不接受 width、height margin-top、margin-bottom、padding-top、padding-bottom,也不會推開上面或下面的元素,就會有溢出的現像 解決方法,把 a 標籤 display 改為 inline-block,接著記得把width改為你要的寬度 那如果不想修改 display 的話,可以利用 overflow : hidden 設定於容器 .header,就可以將溢出的部份隱藏掉。 或是像 Hydra 說的把 header padding-bottom 位置給擠出來。 但建議,採用方法一才能根治。 參考文章: https://hacks.mozilla.org/2015/03/understanding-inline-box-model/