清除浮动的两种解决方案
来源:互联网 发布:中国最新cpi数据 编辑:程序博客网 时间:2024/05/22 15:47
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>清除浮动的两种解决方案</title>
<style type="text/css">
ul{
list-style:none;
height:auto;
margin:0;
padding:0;
background-color:#436973;
}
li{
float:left;
width:80px;
height:120px;
background-color:#83B1DF;
}
.demo{
clear:both;
border:1px solid #FF00FF;
margin-bottom:5px;
}
.overflow{
height:auto;
_height:200px;
min-height:200px;
overflow:auto;
zoom:1;
_overflow:visible;
}
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}/*for w3c*/
.clear {
zoom:1;
}/*for IE*/
</style>
</head>
<body>
<div class="demo">
<ul class="overflow">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
<div class="demo">
<ul class="clear">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
</body>
</html>
- 完美清除浮动的两种解决方案
- 清除浮动的两种解决方案
- 清除浮动的两种解决方案
- 两种清除浮动的方法
- CSS清除浮动的两种方法
- 清除浮动最好的两种方式
- 清除浮动的两种方法
- 清除浮动的两种方式
- 清除浮动,clearfix的几种解决方案
- 清除浮动float的两种常用方法
- 清除浮动解决方案
- css 解决方案-清除浮动
- 清除浮动解决方案
- 为什么清除浮动?清除css浮动的三种方法
- 清除浮动造成的影响的解决方案总结
- 微信小程序开发之清除浮动坍塌两种方式
- 关于浮动与清除浮动 (附清除浮动的八种方式)
- 04 CSS-浮动和清除浮动的三种方法
- Oracle Database Instant Client即时客户端配置使用
- 类似 qq 切换效果
- 国外程序员推荐:每个程序员都应读的书
- VC将窗口置最前
- php单一入口权限检查
- 清除浮动的两种解决方案
- Intel也抱苹果大腿?Ivy Bridge为Retina屏特别优化
- UDID替代方案
- 生活是自己创造的
- HDU 1394
- 一个算法题的python和lisp实现和比较。
- ASPxGirdViewjs及图片不显示问题解决办法
- sql获取时间星期
- 创建ASM disk时遇到的问题!