CSS样式中,height:auto和height:100%有什么区别?

html-css012

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,左右边距自动适应宽度相等。