css 让div内部元素靠到底部。

下面这种方式，内部的三个div块会自动从上到下排列。然后，在底部留下空隙。
我想让内部的三个div还是这个顺序排列，但让它靠在下面，让其上面留有空隙。
有点像"float:下部"。这样的感觉。当各个div 变大或变小时，总按这个顺序排列且靠下。

<html>
<head>

<style type="text/css">
#wai{
width:200px;
height:300px;
background:pink;
}
#nei1{
height:50px;
background:#444;
}
#nei2{
height:50px;
background:#666;
}
#nei3{
height:50px;
background:#999;
}

</style>
</head>
<body>
<div id= "wai">
<div id= "nei1"></div>
<div id= "nei2"></div>
<div id= "nei3"></div>
</div>
</body>
</html>

回答者： hllf6031 ，所有div的高矮是不固定的。视内容的多少而定。如，里面的 #nei2，高度可能变大。

举报该问题

推荐答案 2010-05-17

好像不能靠下面，你可以选择最上面得给它个上边界，它上面就会有空细了，边界是边框与外界得距离，填充是内部文字与外界得距离，还有div最好都给它们设数值，只要掌握好数值了，一切ok了，希望可以帮到你，祝你成功

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/C20Xh2CCX.html

其他回答

第1个回答 2010-05-18

第2个回答 2019-12-14

第3个回答 2020-07-09

加一个空层层就好了，你以后也可以在这个层里面做任何事，还能保证兼容问题
#nei0{
height:150px;
width:200px;
}
<div
id=
"wai">
<div
id="nei0"></div>
<div
id=
"nei1"></div>
<div
id=
"nei2"></div>
<div
id=
"nei3"></div>
</div>

第4个回答 2019-09-25

只要修改
#wai的css就行了
高度自动，上面内填充就可以了。
代码如下：
<html>
<head>
<style
type="text/css">
#wai{
width:200px;
padding-top:150px;
height:auto;
background:pink;
}
#nei1{
height:50px;
background:#444;
}
#nei2{
height:50px;
background:#666;
}
#nei3{
height:50px;
background:#999;
}
</style>
</head>
<body>
<div
id=
"wai">
<div
id=
"nei1">1</div>
<div
id=
"nei2">2</div>
<div
id=
"nei3">3</div>
</div>
</body>
</html>

1 2 下一页

相似回答

css的绝对布局问题,怎么让子元素置于底部?答：5、编辑CSS控制div块的宽高和背景。6、这样就可以让子元素置于底部。

DIV+css中如何让一个内容与容器底部对齐答：1.容器给一个position:relative;相对定位方式；2.内容给position:absolute;绝对定位；3.设置内容的bottom:0;。【注意】1.容器必须有高度，2.如果希望内容元素底部居中，则可以把内容（a）放在定位元素(a_wrap)中，同时把a的定位移到定位元素中。

大家正在搜

div内部元素居中表单元素都有哪些元素 div css是什么 css div居中 css div布局的基本步骤 div是什么元素 div变成行元素 div是块级元素吗 divcss布局模板