By
lapochka
Здраствуйте. Нужна помощь с казалось бы простой темой
Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости.
HTML:
<div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS:
.news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relative;}.news:nth-child(3n+2){ margin:0 10px; width:280px;}.news_header{ text-transform:uppercase; max-height:40px; overflow:hidden;}.news_content{ display:block; font-size:12px; margin:10px 0; max-height:210px; overflow:hidden;}.news_info{ display:block; position:absolute; bottom:10px; height:21px;}Заранее огромное спасибо!