清除ul li里面的浮动并让ul自适应高度的一个好办法
2024-10-18 07:49:07
有时候会遇到ul li列表里面的东西会用到浮动,这个时候ul的高度就不会被撑开,这怎么办呢?
1)最笨的方法就是设置ul的高度,但这种方法很死板,高度不能自适应
2)有次我试着在ul里面加一个清除浮动的div,这样能实现效果,但这种做法是错误的,不符合规范,所以绝对不能这样写。
<ul>
<li></li>
<div style="clear:both"></div>
</ul>
坚决不能这样写哦!
3)最好的一个办法就是:在ul标签里添加:overflow:hidden;clear:both;这两个样式,妥妥的能让ul的高度撑开。
<ul style="overflow:hidden;clear:both;">
<li></li>
</ul>
这也可以用于任何由于内部内容浮动之后,高度不能自适应的div元素。
这个方法我感觉比加一个<div style="clear:both"></div>更好一点
最新文章
- shell简单用法笔记(shell中数值运算)二
- Redis学习笔记~Redis主从服务器,读写分离
- python django 多级业务树形结构规划及页面渲染
- WCF-复合类型使用;传输图片
- Android so lib库远程http下载和动态注册
- function gzdecode
- lof基金
- 【Irrlicht鬼火引擎】 安装配置Irrlicht鬼火引擎
- IE兼容性问题解决方案3--css中的overflow
- 搜索(DLX): POJ 3074 3076 Sudoku
- span标记
- ORA-00245问题总结
- CLOSE_WAIT问题-TCP
- FAIL - Deploy Upload Failed, Exception: [org.apache.tomcat.util.http.fileupload.FileUploadBase$SizeLimitExceededException: the request was rejected because its size (112503036) exceeds the configured
- Socket网络编程--聊天程序(1)
- 使用jQuery+huandlebars遍历数组
- 腾讯课堂老师qq号码转换成 teacherid
- Spark版本发布历史,及其各版本特性
- mysql 5.7.10使用dbforget Studio 连接异常
- Hibernate多对多双向关联需要注意的问题(实例说话)
热门文章
- 读《移山之道-VSTS软件开发指南》
- This Android SDK requires Android Developer Toolkit version 17.0.0 or above. Current version is 10.0.0.v201102162101-104271. Please update ADT to the latest version.
- 小学四则运算APP 第二次冲刺 第四天
- PAT 1066 图像过滤
- Character Encoding Issues for tomcat
- [日常工作]GS使用安装盘修改密码后的处理
- ios微信浏览器中video视频播放问题
- ionic2中如何使用自动生成器
- python格式化字符串Type Error: Format Requires Mapping 的问题
- zabbix2.2 - FromDual.MySQL.check"; became not supported