Question

div css padding问题

html<div id="r_1">1 <div id="r_2">2</div> </div> css#r_1 {width:200px;height:500px;}#r_2 {width:200px;height:300px;padding-left:20px;}请问一下为什么我把r_2填充了20px后它就把这个的r_1 r_2都撑大了呢？为什么 如何解决？？？？如果是这样要是上下也填充了 也会把div撑大吗？先谢谢了

Answer 1

因为你的r-1和r-2是包含关系啊，宽度一样啊 ，还设置padding都220了，本来就矛盾了啊。要不你加overfollow这个属性啊，防止溢出啊。上下设置的时间只要r-2的高度不超过r-1的高度就不会超出的啊

Answer 2

会撑开的，要么加overflow:hidden
要么：宽度减掉20PX为180PX
你设置了padding值，宽高就要减去相应的值

Answer 3

这种问题不好说。。。不过你把r_2的width设置成180就好了！！怎么解决怎么做呗

Answer 4

width:200px padding-left:200px
加起来220了
超出外层的200px