Re: [問題] 有什麼可能會讓div的border不見?
※ 引述《chigi ( )》之銘言：
: 就像是我在標題打的，
: 有什麼情況會讓div物件的border屬性設定了卻跑不出來？
: 視窗的設計是這樣
: 首先我設定一個父層的div，
: 然後我打算用div直接在父層的div中layout出表格。
: 問題主要出在border的屬性上，
: 父層的border沒有問題，可以正常設定並且顯示；
: 但是底下的div就沒辦法畫上外框了，
: 而在chrome中的debug tool中看到屬性設定是正常的，
: 請問這樣多層的外框是可行的嗎？那我可以修改哪邊？
: 或是本身這樣的設計就不可行呢？
border的屬性是把邊框加在區塊外層
所以如果你內層的div有指定寬高
則加上border屬性會使得div變得更大一點
若外層的div指定的寬高又跟內層的一樣
那內層div自然不會顯示了(因為顯示範圍蓋掉了)
因此我想到的解決方式有兩種
第一種
外層的div不要指定寬高，直接設display屬性為inline-block
則外層框架就會直接被內層框架撐開
第二種
內層指定好寬高與border後，計算好正確的數據
再把外層的div指定正確的寬高，讓它不會蓋到內層
由於我對Chrome不是很了解，但是針對肉眼可見的除錯方式
非常推薦firefox的firebug，非常強大
提供圖形化的區塊檢視器，甚至計算數值
很容易就能發現問題出在甚麼地方
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.127.165.27
※ 編輯: wlwillwell 來自: 59.127.165.27 (12/12 20:21)
推
12/13 09:52, , 1F
12/13 09:52, 1F
→
12/13 09:52, , 2F
12/13 09:52, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：