#css
#css
Вопрос:
У меня проблема с css. Давайте предположим, что следующая структура
<div id='maincontainer'>
<div id='item'>
<div id='itemimage'> </div>
<div id='itemtext'> </div>
</div>
</div>
Теперь. Для каждого элемента в базе данных он печатает элемент с соответствующим изображением и текстом. Допустим, у меня есть 4 элемента в моей базе данных. Он отлично печатает первый и второй, но третий и четвертый распечатываются из контейнера.
Мой maincontainer имеет минимальную высоту, которая увеличивается с высотой itemdiv. Но после двух элементов он перестает расширяться.
У вас есть какие-нибудь идеи.
#maincontainer {
font-size:11px;
font-family:Verdana;
margin-top:60px;
margin-left:auto;
margin-right:auto;
min-height:50px;
height:auto!important;
overflow:hidden;
width:650px;
position:relative;
color:#465258;
text-align:left;
border:1px solid black;
}
#item
{
height:170px;
width:650px;
position:relative;
clear:both;
}
#itemimage
{
float:left;
height:135px;
width:200px;
position:relative;
clear:both;
}
#item_text
{
color:#465258;
width:435px;
margin-top:-135px;
height:110px;
float:right;
position:relative;
padding-top:10px;
padding-bottom:10px;
clear:both;
}
Комментарии:
1. можете ли вы опубликовать css, который у вас есть?
2. Оке, я это исправил. Я изменил весь свой css и удалил ошибку в html, которая не завершала </div>
Ответ №1:
Зачем вам нужна высота в div? Он должен просто растягиваться вертикально, чтобы соответствовать его содержимому. Если только вы не используете значения с плавающей запятой для элементов и не содержите их с помощью методов очистки с плавающей запятой.
Комментарии:
1. Я использую числа с плавающей запятой, как вы можете видеть в css, который я только что опубликовал
2. Попробовал, не сработало. Я считаю, что проблема не связана с поплавками, поскольку он отлично печатает первые два элемента
3. Можете ли вы настроить пример страницы в jsbin.com или jsfiddle.com
4. Проблема в том, что это часть гораздо более крупной системы, и я беру информацию для элементов из базы данных.