外层DIV中有无padding或border对于位置的影响_html/css

来源：动视网责编：小采时间：2020-11-27 16:37:21

外层DIV中有无padding或border对于位置的影响_html/css

外层DIV中有无padding或border对于位置的影响_html/css_WEB-ITnose:代码如下：效果如下：也就是说，如果外层DIV的位置会因为里层的位置而调整。但如果将代码改为如下：注意外层加了一个border，这时外层DIV位置会变化，效果如下：也就是说，有无border居然会影响div的摆放位置，这个怎么解释呢？说明：p

推荐度：

点击下载本文 文档为doc格式

导读外层DIV中有无padding或border对于位置的影响_html/css_WEB-ITnose:代码如下：效果如下：也就是说，如果外层DIV的位置会因为里层的位置而调整。但如果将代码改为如下：注意外层加了一个border，这时外层DIV位置会变化，效果如下：也就是说，有无border居然会影响div的摆放位置，这个怎么解释呢？说明：p

代码如下：

效果如下：

也就是说，如果外层DIV的位置会因为里层的位置而调整。
但如果将代码改为如下：

注意外层加了一个border，这时外层DIV位置会变化，
效果如下：

也就是说，有无border居然会影响div的摆放位置，这个怎么解释呢？
说明：padding与border的效果一样。