css如何将margin计算到元素内部

如题所述

推荐答案 2019-01-20

margin计算不到内部,margin的本意就是外部间距.
但是如果你想达成将这个间距放到内部的想法,可以用padding,这个是内部间距.
但是可能还不是你想要的,那么建议你这么做.
你的目标元素<div class="a1">你想给这个a1加一个特殊的"内部margin",那么你就先给a1加一个外壳,形成<div class="a2"><div class="a1"></div></div>这个样子,让a2包裹a1,然后给a2加一个padding,以形成a1内部margin的样子.
其实跟直接给a1加padding效果差不多,但是又有那么一丢丢的区别.这两种方案你试试吧
实在不行,再试试
box-sizing:border-box;

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/CXT0fhfC0200fS02ThS.html

其他回答

第1个回答 2016-01-29

box-sizing:border-box;这个属性能吧padding和border算进去。
你说的margin 是不能用css算进去的，没有这个属性。而且从盒子模型的角度来讲，margin不能算是盒子的一部分。
实在想这么做，可以用js去计算。本回答被网友采纳

第2个回答 2018-04-09

margin是外边距，它也是会占用总元素的宽度位置，但是不会计算在元素宽度里。
除了几个旧版本IE，
现在浏览器对margin算法是这样的。
一个DIV占用的位置宽度=width+border+margin+padding

相似回答

Css3中,计算盒子的宽度+想包括内边距在内,应该设置属性什么。其属性值...答：margin:10px;border:1px solid #333;｝ border-box：元素的宽度和高度包括内容框(content)、内边距（padding）和边框(border)，但不包括外边距(margin)。如果你设置元素的宽度为100px，那么元素的总宽度将为100px，把内容框、内边距和边框都算在里面，外边距除外 /* 设置元素的框模型为 border-box ...

margin在css中什么意思答：margin-left: 20px;2、设置所有方向的外边距：margin: 10px 20px 10px 20px;上、右、下、左的顺序分别对应顺时针方向。3、设置上下相同、左右相同的外边距：margin: 10px 20px;这表示上下外边距为 10px，左右外边距为 20px。css中margin的应用 1、居中元素：通过设置左右外边距为 auto，可以...