Swift 4
Для ссылочных типов:
extension Array where Array.Element: AnyObject {
func index(ofElement element: Element) -> Int? {
for (currentIndex, currentElement) in self.enumerated() {
if currentElement === element {
return currentIndex
}
}
return nil
}
}
В разметке после изображения вставьте что-то как <div style="clear:left"/>
. Немного грязный, но это - самый легкий способ, которым я нашел.
И в то время как Вы в нем, помещает немного поля на то изображение, таким образом, текст не бодает против него.
Если предположить, что @John Millikin верен, то кода
.product + * { clear: left; }
будет достаточно, чтобы сделать то же самое, не заставляя вас вручную корректировать код после div.
Это похоже на работу для clearfix для меня ...
Один прием, который можно использовать, должен установить <div>
свойство переполнения к скрытому. Это вынуждает браузеры вычислить физический размер поля и решает странную проблему перекрытия с пущенным в ход изображением. Это сохранит Вас от добавления в любой дополнительной разметке HTML.
Вот то, как класс должен посмотреть:
.product1 {
width: 100%;
padding: 5px;
margin: 0px 0px 15px -5px;
background: #ADA19A;
color: #000000;
min-height: 100px;
overflow: hidden;
}
display:inline
float:left
Ваша проблема
, Плавание заставляет родительскую ширину не быть расширенной ребенком, пытаться поместить изображение без плавания. Если Вы снимаете плавание, оно должно дать Вам желаемый эффект.
Другой подход должен был бы удостовериться, что Вы очищаете свои плавания в конце родительского элемента так, чтобы они не делали расползания границ проекта.
Обновление: После просмотра Вашей ссылки Ваша проблема высоты, как отображено, то, потому что плавания не очищаются.