не могли бы вы помочь мне исправить эту ошибку css на моем сайте?

#css

Вопрос:

Вот ошибка, которую я пытаюсь исправить:

изображение ошибки http://img26.imageshack.us/img26/9008/bild292.png

Я все перепробовал, и у меня закончились идеи, вот как это должно выглядеть:

идеальный результат http://img809.imageshack.us/img809/3508/bild293.png

Сайт:http://mobilova.de/index.php.

Ответ №1:

Вам нужно очистить ваш плавающий элемент. Вы можете использовать четкое исправление, как предлагали другие, или вы можете просто назначить overflow:hidden or overflow:auto .inside и #red-box . Единственное, что удерживает #red-box от разрушения, это min-height . После этого вы сможете настроить поле, установленное вами для элемента button, и теперь оно вступит в силу, поскольку оно было очищено.

CSS:

 #red-box{
overflow:hidden;
}

.inside{
overflow:hidden;
}

1. отлично, вы также можете использовать overflow: auto , это лучше, чем подход clearfix — ps примените код к div #red-box

2. Приветствия, я должен был также упомянуть об этом =)

3. Похоже, что и идентификатору, и КЛАССУ необходимо назначить overflow. Единственное, что удерживает #red-box от разрушения, — это минимальная высота.

4. Огромное спасибо Дэну и всем крутым кодерам за ваши предложения, я попробую и посмотрю, что получится.

5. Не беспокойтесь. Не забудьте отметить ответ, который наилучшим образом устраняет вашу проблему, как правильный, когда будете готовы =)

Ответ №2:

Он пытается всплыть? Добавьте следующий div под ним:

 <div style="clear: both;"></div>

В противном случае высота вашей кнопки не уменьшит остальную часть содержимого.

Ответ №3:

Вам нужно добавить это clearfix в ваш CSS:

 .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

Затем вам нужно добавить clearfix к классам div#mf15 . Это устранило проблему для меня.