css - Float to bottom and keep the scrollbar -


I created the messaging system and I am stuck with CSS. I want to display messages starting from the bottom of the page (like on Facebook). Also I used the common law, would set position relative to the container and set the absolute position of the baby, but I need also the scrollbar to the child, and when I get the message explain myself as I explained, the scrollbar disappears is.

This is my code:

If you remove the .messages class from the CSS, you will see the scrollbar, but then the message will not be below.

So my question is, how to keep the message given below and keep the scrollbar?

Set max-width: 200px and overflow: auto to .messages category:

  .messages {position: absolute; Bottom: 0; Max-height: 200px; / * Add / Overflow: Auto; / * Add * this * / min-width: 100px; / * Add * /}> 


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -