Это заставляет меня думать.
Почему мой третий div (content-col-text) не поднимается по плаванию вправо?
Он остается выровненным к галерее-thumb-container? Мне нужно, чтобы он переместился вправо и вверх и выровнялся с контейнером с большим изображением - вот где внешняя обертка div (запись-содержимое).
У меня нет каких-либо странных запасных вещей, которые будут продолжаться даже ...Верхнее горизонтальное выравнивание по поплавку справа
ответ
Неверные заказы. Вам нужно изменить его, как показано ниже, чтобы он работал.
Ниже приведен код:
HTML-:
<div class="large-image-container"> </div>
<div class="content-col-text"> </div>
<div class="gallery-thumb-container"> </div>
CSS-:
.large-image-container{float:left; width:66%; background:red;}
.gallery-thumb-container{float:left; width:66%; background:yellow;}
.content-col-text{float:right; width:31%; background:green;}
скрипку демо:
Обычно, при таких обстоятельствах, когда вы используете clear:both;
, поплавки получить исправленное и он работает должным образом.
Надеюсь, это поможет.
nop:/кажется, ничего не делает .. –
не могли бы вы опубликовать свою скрипку? – Nitesh
Это был заказ - мне нужен текст div как второй. –
ваш gallery-thumb-container
, вероятно, были вынуждены вниз, как она плавает слева и нет больше места справа от large-image-container
.
Вы можете попробовать переключить порядок <div>
-х и положить content-col-text
второй вместо третьего
Другим вариантом было бы позиционировать его абсолютно, но это будет вывести его из потока документа ...
да ладно - вы, ребята, были правы. порядок, конечно, помог! –
- 1. Горизонтальное выравнивание по частям элемента
- 2. Горизонтальное выравнивание
- 3. Верхнее выравнивание для FlowLayout
- 4. Разбитое верхнее выравнивание JPanels
- 5. Горизонтальное выравнивание AppBarButton - XAML
- 6. Верхнее горизонтальное меню Prestashop 1.6
- 7. Горизонтальное выравнивание изображения CSS
- 8. Горизонтальное выравнивание подменю CSS?
- 9. Горизонтальное выравнивание дивы
- 10. Горизонтальное выравнивание двух divs
- 11. GridBagLayout Горизонтальное выравнивание
- 12. Горизонтальное выравнивание CSS
- 13. Горизонтальное выравнивание элементов списка
- 14. Горизонтальное выравнивание с Pseudoelement
- 15. Горизонтальное выравнивание по центру формы в форме
- 16. Горизонтальное выравнивание пружинные флажков
- 17. Бутстрап Карусель Подпись Верхнее выравнивание?
- 18. CSS - Горизонтальное выравнивание
- 19. верхнее выравнивание в таблице html?
- 20. CSS - Горизонтальное линейное выравнивание
- 21. Вертикальное выравнивание и горизонтальное выравнивание Выпуск
- 22. matlab: переменное горизонтальное выравнивание текста
- 23. Горизонтальное выравнивание GWT VerticalPanel
- 24. CSS Горизонтальное выравнивание подменю
- 25. flex3 datagrid горизонтальное выравнивание
- 26. Горизонтальное выравнивание - HTML
- 27. Blackberry - Полевая - Горизонтальное выравнивание
- 28. Горизонтальное выравнивание внутренних `divs`
- 29. горизонтальное выравнивание magellan menu
- 30. Горизонтальное выравнивание элемента div
Почему бы не переключить их положения? поместите 'content-col-text' на второй. – qtgye
Я думаю, что все, что вам нужно сделать, это положить div-content-col-text над галереей-thumb-container div :) – Parody
Да - это был заказ, спасибо ребятам. –