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

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

时间:2011-09-05

来源:互联网

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="ru">
  3. <head>
  4.   <title></title>
  5.   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6.   
  7.   <style type="text/css">

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

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

  16.   <div>
  17.   <ul>
  18.   <li class="one" style="height:21px"> 21</li>
  19.     <li class="two" style="height:52px" > 52</li>
  20.     </ul>
  21. </div>
  22.   
  23. </body>
  24. </html>
复制代码


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



















0


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

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

不是ie6浏览器,是标准浏览器下也做不到靠底边显示 

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

你是想让div放在页面的底边还是浏览器的底边

作者: blog123go.com   发布时间: 2011-11-07