如何处理 在html中 li 的高度自适应(且li里面的内容有浮动的情况下)

Html代码:

如何处理 在html中 li 的高度自适应(且li里面的内容有浮动的情况下)_第1张图片

CSS代码:


如何处理 在html中 li 的高度自适应(且li里面的内容有浮动的情况下)_第2张图片

注意看关键。

就是我 注释掉的那行代码

/*overflow:auto;*/

使用ul和li代替表格进行排版的时候,会发现li无法自适应高度。

只需要将li的overflow置为auto就可以了,

因为li默认的overflow是visible,会将内部元素显示在li之外。

完美解决问题!

你可能感兴趣的:(如何处理 在html中 li 的高度自适应(且li里面的内容有浮动的情况下))