li设置float属性后ul的高度不能自适应
2011-11-11 11:28
447 查看
来源:http://lnzengjie.blog.163.com/blog/static/23620162201041224238965/
解决办法:
1。在ul 的样式里写上float:left,让ul 也飘浮;
2。在ul的样式里写上width:100%; overflow:hidden; 这样也好用;
完整样式和html在如下例子中,
<!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">
<!--
.aa{ border-bottom:1px solid #ccdbe2; padding-bottom:20px; float:left;}
.aa li{ float:left; width:335px; padding-left:15px;}
-->
</style>
</head>
<body>
<ul class="aa">
<li><span class="black14b3">公司名称</span>:深圳某某有限公司</li>
<li><span class="black14b3">行 业</span>:安防 </li>
<li><span class="black14b3">公司性质</span>:私营独资企业</li>
<li><span class="black14b3">部门</span>:品质部 </li>
<li><span class="black14b3">职务</span>:质量管理员</li>
<li><span class="black14b3">工作描述</span>:未填</li>
</ul>
</body>
</html>
解决办法:
1。在ul 的样式里写上float:left,让ul 也飘浮;
2。在ul的样式里写上width:100%; overflow:hidden; 这样也好用;
完整样式和html在如下例子中,
<!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">
<!--
.aa{ border-bottom:1px solid #ccdbe2; padding-bottom:20px; float:left;}
.aa li{ float:left; width:335px; padding-left:15px;}
-->
</style>
</head>
<body>
<ul class="aa">
<li><span class="black14b3">公司名称</span>:深圳某某有限公司</li>
<li><span class="black14b3">行 业</span>:安防 </li>
<li><span class="black14b3">公司性质</span>:私营独资企业</li>
<li><span class="black14b3">部门</span>:品质部 </li>
<li><span class="black14b3">职务</span>:质量管理员</li>
<li><span class="black14b3">工作描述</span>:未填</li>
</ul>
</body>
</html>
相关文章推荐
- li设置float属性后ul的高度不能自适应解决办法
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- div ul li自动适应高度float:left
- IE6下li设置float属性后,li的宽度不能自适应
- IE6设置li的float:left,不能自适应宽的解决方法
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- css div设置float后高度不能自动增加
- 子div设置float,父div不再增加高度,需要给父元素加个overflow:hidden属性
- CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法
- jquery,javascript -设置某一ul下的li下的 a的属性
- 解决li设置浮动ul高度无法被撑开问题
- float 元素,父元素不能自适应高度的解决办法
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- div或li float之后父容器高度不能自动增加的解决办法
- css div设置float后高度不能自动增加
- div里面有ul li时 让高度自适应的方法
- css div设置float后高度不能自动增加
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- <转载>如何解决子级用float浮动父级div高度不能自适应的问题