ul li浮动后高度不能自适应解决办法

简介:

 

解决办法:

给ul属性添加:

overflow:auto;

或者

overflow:hidden;

 

overflow 属性规定当内容溢出元素框时发生的事情。

auto:高度自适应

hidden:内容会被修剪,并且其余内容是不可见的。





      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/989777,如需转载请自行联系原作者



相关文章
|
10月前
div高度设置100%无效的问题
div高度设置100%无效的问题
90 1
|
22天前
|
前端开发
如何消除li和ul之间的空隙、如何使div中的内容居中
这篇文章介绍了如何美化网页元素,包括设置登录页面的模糊背景效果,使用CSS的`opacity`属性;以及如何使`div`中的内容水平居中,通过设置`margin: auto;`。此外,还讲解了如何消除`li`和`ul`之间的空隙,通过将`ul`和`li`的`padding`和`margin`设置为0。
如何消除li和ul之间的空隙、如何使div中的内容居中
|
9天前
|
前端开发 JavaScript UED
如何巧妙实现element-plus中el-tree-v2的自适应横向滚动?
以上方法描述了如何使用简单的CSS和合适的HTML结构来巧妙实现在Element Plus库中 `el-tree-v2` 组件的自适应横向滚动功能。这种方法易于理解和实现,无需复杂的脚本或框架修改,只需利用CSS的强大功能即可完成。这有助于节省开发时间,同时能够提供良好的用户体验。
22 0
|
2月前
|
前端开发 容器
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
23 3
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
|
4月前
|
前端开发 JavaScript UED
使用 CSS 中的form-sizing属性实现文本区域的自动增加高度
使用 CSS 中的form-sizing属性实现文本区域的自动增加高度
111 0
|
前端开发 容器
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
559 1
|
前端开发
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
158 0
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
|
前端开发
CSS样式更改——框模型、定位、浮动、溢出
CSS样式更改——框模型、定位、浮动、溢出
125 0
CSS样式更改——框模型、定位、浮动、溢出
html 锚点定位偏移 外边距增加
html 锚点定位偏移 外边距增加
498 0
DIV浮动后父DIV高度自动失效解决方案
DIV浮动后父DIV高度自动失效解决方案
74 0