父类div高度适应子类div

时间:2023-03-09 21:34:30
父类div高度适应子类div

父类div高度适应子类div

通常有许多div的高度由子类的高度决定父类的高度,所以需要父类div要适应子类div的高度,一般情况父类的高度可以直接设置成“auto”即可。

在有的情况下,子类div会撑破父类div.

父类div高度适应子类div

父类div高度适应子类div

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

方法一:直接设置父类高度(不过通常不适用)

父类div高度适应子类div父类div高度适应子类div

方法二:清除浮动属性

父类div高度适应子类div

父类div高度适应子类div

方法三:

父类div高度适应子类div

父类div高度适应子类div

-----------------------------

个人经常忘记浮动属性,导致排版出现问题。所以喜欢将 内部有浮动属性的div添加一个border属性,这样就可以清楚的看到原因了。