子元素使用了绝对定位，父元素怎么高度自适应？

父元素高度设置为空或者auto即可，如height:auto或者不要height;，举例如下:

1.高度采用auto;

<div style="height:auto;width:800px;">

<div style="width:780px;margin:0 auto; height:1000px;">

这里是子集内容,子集内容采用的是宽度780px,高度1000px,并且居中对齐；

</div>

<p>这是父级内容，宽度为800px,高度自适应</p>

</div>

2. 高度不设置；如：

<div style="width:800px;">

<div style="width:780px;margin:0 auto; height:1000px;">

这里是子集内容,子集内容采用的是宽度780px,高度1000px,并且居中对齐；

</div>

<p>这是父级内容，宽度为800px</p>

</div>

子元素使用了绝对定位,父元素还是可以自适应的,但是已经不包含绝对定位的那个子元素了.可以给父元素加上一个 min-height 进行限制,如子元素是500PX高,则父元素为 min-height:500px 这样可以避免父元素高度小于子元素的情况