textarea的固定div的底部 - CSS

Question

我想提出一个textarea在一个div的底部（并固定）：

<div id=msg> 

<div id=content> 
    aaaaaaaannnnnnnnnn<br> 
    aaaaaaaannnnnnnnnn<br> 
    aaaaaaaannnnnnnnnn<br> 
</div> 

<div id=text> 
    <textarea></textarea> 
</div> 

</div> 

CSS

#msg{ 
width:60%; 
height:500px; 
float:left; 
background-color:#fff; 
border:1px solid #000; 
} 
#content{ 
overflow-y: auto; 
} 
#text{ 
bottom:0; 
position:fixed; 
} 

为什么底部：0不加工？ http://jsfiddle.net/mu1tynax/

Answer 1

添加

position:relative; 

到#msg

和

position:absolute; 

到#text

我已经更新了的jsfiddle为您提供：https://jsfiddle.net/mu1tynax/5/

积分抵达：Align Div at bottom on main Div

Answer 2

在你的小提琴中，你错过了position: fixed。但是，请注意，固定位置是相对于身体而不是相对的父div。

在您的小提琴中插入位置，它的工作原理。

Answer 3

你需要在你的“文本”div中设置绝对位置，而且在父div中设置相对位置。在定位元素Fiddle

#msg{ 
width:60%; 
height:500px; 
float:left; 
background-color:#fff; 
border:1px solid #000; 
overflow-y: auto; 
    position: relative; 
} 
#text{ 
    position: absolute; 
bottom:0; 
} 

更多信息（绝对）位置：https://css-tricks.com/absolute-positioning-inside-relative-positioning/