CSS样式中，height:auto和height:100%有什么区别？

html-css019

CSS样式中，height:auto和height:100%有什么区别？,第1张

height:auto 代表的意思就是高度随即，根据div和CSS样式表的变化而变化，是一个不定值，但是如果你中间插入的内容（例如图片）比较大的话，他会把图片全部显示出来，这是相对于内容来判断的而height:100%代表的是相对于DIV和CSS样式的大小填充到100%，而不是内容，由于我们大部分的DIV都是和内容大小差不多，所有没有明显的区别

这么说，比如一个表格在另一个表格里面，如果外面的表格高是100，里面表格当是auto的时候，如果表格里面没有东西，它就没有高度，表格里面的内容有多高，它就有多高，而当是100%的时候，无论里面有没有内容，它都和外面的表格是一样高的

css中的auto是自动适应的意思，而在css中auto往往都是默认值。

正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是自动适应。

但是，如果要使用他的话，就必须给标签配上指定的宽度，如下：

<div class="center">居中</div>

<style type="text/css">

.center{

width:200px

height:200px

margin:0 auto

background-color:yellow

}

</style>

另外，margin:0 auto 和 margin: 0 auto 0 auto 的效果是相同的。

都是指的上下边距为0，左右边距自动适应宽度相等。