div底部对齐

acai9527 2009-07-16 12:29:58

小问题：div如何底部对齐，且不能挡住其它div？？？？

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div style="width:400px; min-height:400px; background-color:#CC66FF">

<div>这个div如果有很多内容不能被底对齐的div挡住</div>

<div style="height:50px; background-color:green">这个div如何对齐底部？？</div>
</div>
</body>
</html>

...全文

248 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

acai9527 2009-07-16

打赏
举报

等代回铁

acai9527 2009-07-16

打赏
举报

谢谢4楼
可以底部对齐了，但是如果第二个div内容很多的话，第三个div会挡住第二个div里的内容。这怎么办啊？？？

north86 2009-07-16

打赏
举报

自己慢慢调试吧！！！

fanyuanwaifdl 2009-07-16

打赏
举报

gz div

soulx 2009-07-16

打赏
举报

[Quote=引用楼主 acai9527 的帖子:]

<div style="height:50px; background-color:green">这个div如何对齐底部？？</div>
…
[/Quote]

#div3 {
position:relative;
}

div span.date {
position:absolute;
bottom:0;
}

<div id="div3">
<span class=date>aaa</span>
<span class=date>bbb</span>
</div>

acai9527 2009-07-16