浅析css中的margin属性，css模式是什么？
css模型可以说，页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒模型由外而内包括：外边距（margin）、边框（border）、内边距（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + padding + content 的宽度相加。css的盒模型有两种：标准盒模型和IE盒模型。
css中padding和margin的区别和使用？
1、margin是指从元素自身边框到另一个元素边框之间的距离，就是容器之外距离。而padding是指元素自身边框到自身内部另一个元素边框之间的距离，就是容器内距离。好比你的屋子作为目标元素 ，屋外的东西和屋子的距离用margin，屋内的东西和屋子的距离用padding
2、padding的用法：1、padding:10px 20px 30px 40px; 上、右、下、左内边距2、padding-left:10px; 左内边距3、padding-right:10px; 右内边距4、padding-top:10px; 上内边距5、padding-bottom:10px; 下内边距6、padding：10px; 四边统一内边距
3、margin的用法：1、margin:10px 20px 30px 40px; 上、右、下、左外边距2、margin-left:10px; 左外边距3、margin-right:10px; 右外边距4、margin-top:10px; 上外边距5、margin-bottom:10px; 下外边距6、margin:10px; 四边统一外边距
margin有继承性吗？
1，margin没有继承性。
2，margin为css中非常常用的一个属性，其所包含的内容也是很多的。margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。没有继承性，也就是它的设置的margin值不会自动传递到下一级标签中。margin后面的参数个数可以是一个，两个，三个或四个。
中间自适应宽度的css布局？
对于左右定宽中间自适应这种css布局，其实有很多实现方法，下面简单介绍几种，供大家参考；
绝对定位+margin原理是将左右两边的div使用绝对定位分别定位到左右两边，中间的div使用margin属性，留出左右div的宽度，将其中间的div宽度设为100%即可，代码如图
flex布局（弹性盒子）在外层包一层div，设置属性display：flex，里面的子元素设置属性flex:1,具体实现，看下图代码
float（浮动布局）float布局将左右div分别浮动到左右，中间使用margin属性，留出左右的宽度，这个跟绝对定位布局有点相似，代码如下图
效果图：总结：
实现这种左右定宽，中间自适应的css布局，其实有很多种实现方法，比如还有“圣杯布局”、“双飞翼布局”；个人比较推荐flex布局方式，这也是css3新属性，实现起来比较方便；如有疑问，欢迎在评论下方留言，大家一起讨论