如果我有一個看起來像一個大方形的div,以及在該div內顯示值的子div,我如何獲得其中一個div在底部顯示,而不管其他人在頂部消耗的空間。希望這是有道理的......CSS:如何在底部的div展示中製作多個div的單個div
這裏是一個小提琴的例子...我想孩子3不是在父div的瓦片像元素之一,只是一個注意沿底部類的東西。 fiddle example
HTML:
<div id='parent'>
<div id='child1' class='each-element'>Child 1</div>
<div id='child2' class='each-element'>Child 2</div>
<div id='child3' class='each-element'>Child 3</div>
</div>
CSS
#parent{
min-height:300px;
max-height:310px;
height:300px;
background-color:#e0e0e0;
width:400px;
padding:1%;
}
div.each-element{
border:2px solid #2d2d2d;
text-align:center;
font-family:'segoe ui';
margin:2%;
padding:1%;
}
#child3{
padding:0;
border:none;
margin:0
}
http://jsfiddle.net/rbxE8/9/ –