HTML-父类div高度自适应子类div的高度

来源:互联网 发布:网络社交 编辑:程序博客网 时间:2024/06/13 06:53

转自:http://www.cnblogs.com/gwcyulong/p/6201966.html
父类div高度适应子类div
通常有许多div的高度由子类的高度决定父类的高度,所以需要父类div要适应子类div的高度,一般情况父类的高度可以直接设置成“auto”即可。

在有的情况下,子类div会撑破父类div.
这里写图片描述
这里写图片描述

所以需要走一些调整。通常有3种方法对高度进行调整:

方法一:直接设置父类高度(不过通常不适用)
这里写图片描述
这里写图片描述
方法二:清除浮动属性
这里写图片描述
这里写图片描述
方法三:
这里写图片描述
这里写图片描述

原创粉丝点击