盒模型的auto值

Posted smuwgeg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒模型的auto值相关的知识,希望对你有一定的参考价值。

 浮动在盒模型的auto值

属性 常规流 浮动
margin-left:auto 尽量撑满包含块 0px
margin-right:auto 尽量撑满包含块 0px
margin-top:auto 0px   0px
margin-bottom:auto 0px 0px
width:auto 尽量撑满包含块 适应内容的宽度
height:auto 适应内容高度 适应内容高度

常规流块盒布局

1、常规流块盒在水平方向上,必须撑满包含块;

2、常规流在包含块的垂直方向上依次摆放;

3、常规流块盒若外边距无缝相邻,则进行外边距合并;

4、常规流的自动高度和摆放位置,无视浮动元素。

以上是关于盒模型的auto值的主要内容,如果未能解决你的问题,请参考以下文章

标准盒模型和怪异(IE)盒模型

盒模型——标准盒模型与怪异盒模型

浅谈CSS中的盒模型

什么是盒模型

标准盒模型与怪异盒模型

IE盒模型和标准盒模型