Текст заголовка блокирует плавающие элементы

#css #internet-explorer-7

#css #internet-explorer-7

Вопрос:

Пожалуйста, взгляните:

http://jsfiddle.net/JeaffreyGilbert/b8FdC/

Как разместить кнопку над строкой в IE7? Пожалуйста, не меняйте структуру HTML. Спасибо.

Комментарии:

1. Я почти на 100% уверен, что ваш html неверен … не думаю, что элементы должны отображаться в теге h2…

2. без изменения структуры … ?? вам нужно изменить только порядок см. Ответ

3. @Damien Вы можете размещать встроенные элементы внутри h2 .

4. @alex ну вот, я исправился … по-прежнему выглядит забавно для меня: P

5. @Damien Да, я бы сам не вставил button в h2 a 😛

Ответ №1:

сделайте простой взлом, измените порядок. напишите <button > перед текстом, а также напишите float:left на h2

 <h2>
 <button>Action button</button>
 This is heading 2   
</h2>
  

ДЕМОНСТРАЦИЯ

Примечание: также может работать только с записью float:left на h2 , но затем завершите проскальзывание div ниже

Ответ №2:

Из того, что я могу сказать, вам придется изменить структуру, поместив элемент button перед текстом «это заголовок 2». (РЕДАКТИРОВАТЬ: diEcho опередил меня в этом).
В противном случае вам придется использовать position:absolute , что может вызвать другие проблемы. Может помочь использование position:relative в h2.

Пример