作业帮 > 综合 > 作业

请解释一下div的padding

来源:学生作业帮 编辑:拍题作业网作业帮 分类:综合作业 时间:2024/04/29 22:28:25
请解释一下div的padding
我是在做圆角边框的时候,三个div浮动平铺背景.左一个div有4像素写死,中间200px写死,右边4px写死.
平铺好了后,我在中间div使用了padding-left:5px,就出现把右边的那个div挤到下面去了的情况.
有人说这个是要在中间div减去5px就可以了,因为整个div变宽了5px.我弄了一下对的.
但是我接着pading-top:5px,怎么没有出现类似的情况呢,高度怎么没有出现多了5px,出现中间div高的情况?
padding是指元素的内边距,意思就是元素的实际宽度=你设置的元素宽度(200px)+你设置的padding值(5px)=205px.所以如果你想要得到你设想的画面,元素宽度就要减去padding值.
这是元素有具体数值的情况,如果元素没有给定宽高,那么设定padding就不会影响.当然padding还是生效的,只是不会撑开它的外层容器了
你中间的div应该是没有设定高度吧?