※ 引述《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)