2014-09-12 2 views
0

Это заставляет меня думать.
Почему мой третий div (content-col-text) не поднимается по плаванию вправо?
Он остается выровненным к галерее-thumb-container? Мне нужно, чтобы он переместился вправо и вверх и выровнялся с контейнером с большим изображением - вот где внешняя обертка div (запись-содержимое).
У меня нет каких-либо странных запасных вещей, которые будут продолжаться даже ...Верхнее горизонтальное выравнивание по поплавку справа

floating div example

+1

Почему бы не переключить их положения? поместите 'content-col-text' на второй. – qtgye

+1

Я думаю, что все, что вам нужно сделать, это положить div-content-col-text над галереей-thumb-container div :) – Parody

+0

Да - это был заказ, спасибо ребятам. –

ответ

3

Неверные заказы. Вам нужно изменить его, как показано ниже, чтобы он работал.

Ниже приведен код:

HTML-:

<div class="large-image-container">&nbsp;</div> 
<div class="content-col-text">&nbsp;</div> 
<div class="gallery-thumb-container">&nbsp;</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;} 

скрипку демо:

DEMO

Обычно, при таких обстоятельствах, когда вы используете clear:both;, поплавки получить исправленное и он работает должным образом.

Надеюсь, это поможет.

+0

nop:/кажется, ничего не делает .. –

+0

не могли бы вы опубликовать свою скрипку? – Nitesh

+0

Это был заказ - мне нужен текст div как второй. –

1

ваш gallery-thumb-container, вероятно, были вынуждены вниз, как она плавает слева и нет больше места справа от large-image-container.

Вы можете попробовать переключить порядок <div>-х и положить content-col-text второй вместо третьего

Другим вариантом было бы позиционировать его абсолютно, но это будет вывести его из потока документа ...

+0

да ладно - вы, ребята, были правы. порядок, конечно, помог! –

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