Почему элементы div исчезают при использовании float с%?CSS

Разбираемся в CSS
Ответить
Anonymous
 Почему элементы div исчезают при использовании float с%?

Сообщение Anonymous »

Похоже, что когда я использую float и % для ширины, другие элементы div исчезают
css:

Код: Выделить всё

 #banner {
margin-top: 30px;
}

#container {
width: 80%;
margin: auto;
}

.right {
Float: right;
}

.topimage {
background: url(img1.jpg) no-repeat;
background-size: cover;
width: 20%;
height: 150px;
}

.bottomimage {
background: url(img2.jpg) no-repeat;
background-size: cover;
width: 20%;
height: 150px;
}

.bigimage {
background: url(imgbig.jpg) no-repeat;
background-size: cover;
width: 80%;
height: 300px;
}
теперь это приводит к исчезновению двух меньших элементов div, как ни странно, когда я устанавливаю ширину трех дочерних элементов div в пикселях, это работает нормально..

Подробнее здесь: https://stackoverflow.com/questions/193 ... float-with
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»