网页设计中的li浮动时ul高度为0,解决ul自适应高度的几种方法
在网页设计中,常常需要对li标签做浮动效果,但是在不同浏览器中会遇到兼容性问题,比如IE中会出现ul高度为0的情况,是效果不能达
到预期效果。那么这里我就来讲解一下解决这个问题的几种方法。
1.给ul元素设置高度height
最直接的办法是给ul元素设置一个高度,即ul标签添加height属性,代码如下:
ul {
list-style-type: none;
height: 30px; /*添加高度属性*/
}
次方法有个缺点:就是元素的高度不能自适应内容。
2.添加一个空的div
添加一个空的div,这个div和浮动元素同一级别,且位于浮动元素的最后。这个方法必须要为这个div添加一个clear:both属性,代码如下:
<ul>
<li>标签1</li>
<li>标签2</li>
<li>标签3</li>
<div style="clear:both;"></div> <!--新添加的空div,它和浮动元素同一级别,且位于最后-->
</ul>
3.添加zoom属性,适用于IE
IE支持一个CSS属性zoom,当定义了这个属性之后在 IE 浏览器里面就会自动适应高度了。设置为zoom:1,代码如下:
ul {
list-style:none;
zoom:1; /* 适用于IE */
}
通过这几种方法基本可以解决元素的高度不能自适应内容。
相关文章
- 传奇教程 GOM引擎RMB地图脚本,传奇私服一条龙设置RMB点进入地图的方法 传奇脚本
- 传奇教程 GOM引擎转生地图脚本,传奇开区时添加需要转生进入地图的命令 传奇脚本
- 传奇教程 GOM引擎九零土豪脚本,传奇一条龙开区时添加VIP称号地图命令 传奇脚本
- 传奇教程 GOM引擎首冲地图脚本,传奇私服一条龙添加首充地图的教程 传奇脚本
- 传奇教程 GOM引擎贪婪老人地图脚本,传奇服务端添加三相幻想脚本教程 传奇脚本
- 传奇教程 GEE提升人物属性脚本,传奇一条龙开区时设置狂暴属性状态 传奇脚本
- 传奇教程 GEE引擎附魔系统脚本,传奇私服版本添加首饰附魔的教程和范例 传奇脚本
- 传奇教程 GOM引擎超级回馈大礼脚本,传奇版本中添加回馈大礼的脚本示例 传奇脚本
- 传奇教程 GOM引擎传奇土城泡点脚本,传奇一条龙开区时添加土城自动安全泡点教程 传奇脚本
- 传奇教程 GEE引擎传奇提取充值点,传奇服务端中脚本提取充值点的命令和范例 传奇脚本