Div wont push next divs content down

Я пытаюсь динамически загружать контент в div и нажимать нижний div вниз без перекрытия. прямо сейчас это my code. Поскольку вы можете видеть, что кнопки начинают перекрываться и не нажимают следующий div. Если я установилDiv wont push next divs content down

.container{ 
height:100%; 
width:100%; 
}

, похоже, работает так, как я хочу, но я не могу заставить его работать с фиксированной высотой.

источник

2014-02-11 Joe Komputer

Просто то, что вы должны знать. Когда вы устанавливаете элемент с 'float', он устанавливается на' display: block'. Установка 'display: inline-block' не будет иметь никакого эффекта. Вам, вероятно, потребуется четкое исправление. – crush

Вы используете много плавающих объектов в этом html. Попытайтесь реализовать это без использования float, оно отбросит отображение: встроенный блок, например, раздавить, но также может перекрывать элементы. – steinmas

Насколько мне нравится 'inline-block', он не поддерживает браузер [(см. Поддержку)] (http://caniuse.com/inline-block). Это вам все равно, пойдите для этого. Кроме того, вы должны продолжать использовать 'float', но также очищать их после закрытия тегов флотируемого элемента. Вы можете использовать простые «clear: both», «clear: left» или «clear: right», или вы можете использовать более широко используемое решение [clearfix] (http://nicolasgallagher.com/micro-clearfix-hack/). –

Я установил мою проблему путем удаления ненужных значений с плавающей точкой и с помощью

.case-category{ 
display:inline-table; 
}

Вместо использования display:block или display:inline-block.

источник

2014-02-11 23:00:38

Div wont push next divs content down

ответ

Смежные вопросы