padding、border会把div撑大的解决方法，div放大

css内边距问题,关于使用padding后容器被撑开

1、CSS padding 属性定义元素边框与元素内容之间的空白区域。内边距数值设置相同，只需要写成：padding：10px；padding 接受长度值或百分比值，但不允许使用负值 所以如果需要给固定Div添加内边距，想要它不撑开，就将固定值设置为想要得到的宽度值与边距值之差。

2、padding不会讲该盒子撑大，而只会压缩内容 本回答由提问者推荐 举报| 答案纠错 | 评论 28 2 tatooo 采纳率：25% 来自：芝麻团 擅长： 烦恼 Html/Css JavaScript 图像处理软件 其他回答 padding是盒子元素里面撑开。

3、padding后面可跟多个值，中间用空格分离，含义如下：我们放置一个宽高为200px的红色大盒子，其中包着一个宽高为100px的粉色小盒子。我们给大盒子设置一个内边距为50px。

4、css采用的是 盒模型 ，一般而言，盒子的大小为 margin + border + padding + content 我们在设计的时候需要考虑到盒子的大小，一个一个的计算还是非常麻烦的。现在有一种比较快捷的方式来实现在增加padding和margin之后，不会使盒子变大。

5、text-indent： 30px （我上次回答你的问题时不就是这样的吗？你也不想想我为什么不用padding？）原因：元素的实际宽度=width+border+padding，所以如果padding不为0，元素的实际宽度就会被拉宽了。而text-indent是段落前空位（就是写文章时每一段前面的空格），不会影响到元素的实际宽度。

DIV设置width后超出父元素应该如何解决

前言本文介绍的是利用CSS3的新属性box-sizing，解决div宽度设置width：100%后再设置padding或margin超出父元素的问题，有需要的朋友们可以参考借鉴。

父级版元素宽度不固定，父级元素设置为inline-block或者添加float；对父级元素使用min-width，这样只限制了最小的宽度，如果子元素变宽，父级同样会变宽。

正确的方法是父 div 的 99px 改为 100px 或以上才能在同一排容纳这两个 p；clear 是拿来清理浮动的，而不是解决浮动元素总宽度超过父宽度换行问题的，只能说这个作者在放屁。

为什么有时候DIV设置内边距的时候会撑开整个DIV啊

如上图所示，DIV是一个盒模型，padding内边距是计算在整个盒子的大小的。但是margin是外边距，并不计入DIV的大小。

样式里面限制了width 和 height 的话，如果插入的内容宽度或者高度超过这个限制，就会撑开。或者你给里面加个overflow：hidden； 这样插入的内容超出部分自动隐藏。要么宽定义一下，高度auto。一般都是高度超出，宽度能自动换行。

你的情况就是h3的margin-top和div重叠到一起，所以看上去是div有了margin-top。如果div有border/padding，那么h3的margin-top就不会出到div外面了。

通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。值inherit 规定应从父元素继承 box-sizing 属性的值。

你好，这是由于每个标签都有默认的边距，所以你虽然去掉了div的边距，但是h1也是有的，如果你不需要，可以把h1的边距也去掉。

两个一样的杯子，谁也装不下谁，只有一个大一个小，才能有一个被装的下，硬装的话肯定会被撑的变形。

CSS的border属性加上后,为什么会无缘由的增加DIV块的大小呢?

简单的说，如果你的div宽100，高100，你要写个上下左右都是1的边框。那么，你的宽就变成了98，高9也就是说，div实际的宽度要减去两边边框的宽度。不减的话，就错位了。

设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。

box-sizing： border-box；border： 2px solid #999；width： 100%默认情况是box-sizing： content-box，在默认情况下定义的width：100%是内容区的宽度，不包括边框的，所以此时设置了边框就会导致总宽度超出100%而换行。