横向列表取消浮动..并设置DIV 最小高度
2011-04-22 16:07
423 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我是页面</title>
<style>
.demo{
clear:both;
border:1px solid #ff00ff;
}
ul{
list-style:none;
height:auto;
margin:0px;
padding:0px;
}
li{
width:80px;
height:80px;
float:left;
border:1px red solid;
}
.overflow{
height:200px;
min-height:200px;
zoom:1;
clear:both;
}
</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 >
<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>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我是页面</title>
<style>
.demo{
clear:both;
border:1px solid #ff00ff;
}
ul{
list-style:none;
height:auto;
margin:0px;
padding:0px;
}
li{
width:80px;
height:80px;
float:left;
border:1px red solid;
}
.overflow{
height:200px;
min-height:200px;
zoom:1;
clear:both;
}
</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 >
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div的最小高度设置兼容各浏览器
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- 为什么我的设置的div最小高度不对
- 设置div最小高度（min-height）的写法
- 设置DIV最小高度以及高度自适应（兼容IE6和火狐）
- [转]怎样调整CSS设置DIV图层自适应高度且最小高度
- Div设置最小宽度(有浮动元素或浏览器宽度小于1350之后)
- div+css最小高度的设置方法兼容各浏览器ie6+/Firefox
- 关于div行高的巨细问题(如何设置 div 的最小高度)
- 设置div最小高度的方法
- 如何设置一个div层的最小宽度或高度
- 利用CSS设置div的最小高度（多浏览器兼容）代码
- 设置DIV最小高度以及高度自适应随着内容的变化而变化
- 拥有最小高度能自适应高度，IE、FF全兼容的div设置
- [转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)
- 解决div设置浮动，高度消失
- div布局-子容器设置浮动对于父容器高度自适应产生影响的解决办法
- （转）IE6中设置 div 的最小高度 页面不出现滚动条
- html 设置div最小高度，超出的自适应
- 设置DIV最小高度以及高度自适应随着内容的变化而变化