当前位置：首页 → 问答吧 → 怎么样让div里面东西靠底边显示　

怎么样让div里面东西靠底边显示　

时间：2011-09-05

来源：互联网

复制内容到剪贴板

代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

  <style type="text/css">

div {padding-bottom:2px; display:table-cell;border:1px solid red; vertical-align:bottom; width:300px;  height:300px;  }

ul {margin-bottom:1px;border:1px dashed #e7e7e7; background:#f8f8f8; }
li {margin-top:20px; display:inline-block;*display:inline;*zoom:1;width:88px;text-align:center;vertical-align:bottom}
  .one {background:#9999CC}
.two {background:#FF80FF}
  </style>
</head>
<body>

  <div>
  <ul>
  <li class="one" style="height:21px"> 21</li>
<li class="two" style="height:52px" > 52</li>
</ul>
</div>

</body>
</html>

加了　vertical-align:bottom;　　margin-bottom padding-bottom都不起作用

作者: yakczh 发布时间: 2011-09-05

试试position定位，设bottom:0; 看看效果能成不

作者: ypd007 发布时间: 2011-09-05

LZ,这是你要的效果吗

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style type="text/css">  </style> </head> <body> <div> <ul> <li class="one" style="height:21px"> 21</li> <li class="two" style="height:52px" > 52</li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: fangyixiao 发布时间: 2011-09-05

怎么样让div里面东西靠底边显示

代码:

热门阅读

热门下载