Позиционирование внутри div с гибкой высотой левого элемента

Question

Позиционирование внутри div с гибкой высотой левого элемента

0

У меня есть div с фиксированной шириной = 950px;

внутри него у меня есть 2 divs - один плавает влево, второй - плавать вправо.

left - текст div, справа - изображение с текстом слева от него, высота изображения фиксирована. Как сделать, если текст после изображения увеличивается в ширину, левый div (с текстом) скручивается по ширине и растет по высоте.

Спасибо

Alexander Capone 21 март 2014, в 10:37

Источник

1

Понятия не имею, о чем ты говоришь. опубликуйте свой html & css или создайте jsfiddle.net, пожалуйста.
Banana 21 март 2014, в 08:51
0

Вопрос не понятен
Sowmya 21 март 2014, в 08:56
0

Мой разум был взорван этим.
Wesley Brian Lachenal 21 март 2014, в 08:58
0

Это то, что вы пытаетесь сделать? jsfiddle.net/borglinm/CtTN7
Mathias 21 март 2014, в 09:00
0

Или это больше так? jsfiddle.net/borglinm/CtTN7/2
Mathias 21 март 2014, в 09:06
0

jsfiddle.net/CtTN7/3 проблема заключалась в том, что когда я делаю что-то большее, чем слово Бэкон, чтобы сжать левую вещь, думаю, я это сделал, лол, спасибо Матиасу. попробую на реальной странице, и если по какой-то причине это не сработает, я спрошу тебя снова, хорошо?
Alexander Capone 21 март 2014, в 09:09
0

@AlexanderCapone Обязательно задайте правильный вопрос, включив в него любой соответствующий код, который у вас есть.
Mathias 21 март 2014, в 09:11
0

@Mathias, ответь, собираясь дать тебе +1, ты подтолкнул меня в правильном направлении, спасибо.
Alexander Capone 21 март 2014, в 09:16
0

@AlexanderCapone Я добавил ответ, но даже если я подтолкнул вас в правильном направлении, я не уверен, что вы хотите, чтобы ваш конечный результат был. Если вы можете показать, как вы хотели бы выглядеть.
Mathias 21 март 2014, в 09:33

Показать ещё 7 комментариев

Теги:

html

css

3 ответа

0

Попытайтесь поместить его в таблицу с% значением ширины, установленной в левом и правом положениях.

Mouhamad Ounayssi 21 март 2014, в 08:01

0

Вы можете использовать

Style="width:auto"

для обоих div.

AngularHarsh 21 март 2014, в 06:11

0

нет, левый div с увеличением ширины спрыгивает вниз
Alexander Capone 21 март 2014, в 08:58
0

попробуйте оба с Высота: авто и ширина: авто.
Harsh 21 март 2014, в 09:00
0

Попробуйте перефразировать ваши запросы немного лучше. Не мог понять это.
Harsh 21 март 2014, в 09:01

Показать ещё 1 комментарий

Ещё вопросы

Понятия не имею, о чем ты говоришь. опубликуйте свой html & css или создайте jsfiddle.net, пожалуйста.
Это то, что вы пытаетесь сделать? jsfiddle.net/borglinm/CtTN7
Или это больше так? jsfiddle.net/borglinm/CtTN7/2
jsfiddle.net/CtTN7/3 проблема заключалась в том, что когда я делаю что-то большее, чем слово Бэкон, чтобы сжать левую вещь, думаю, я это сделал, лол, спасибо Матиасу. попробую на реальной странице, и если по какой-то причине это не сработает, я спрошу тебя снова, хорошо?
@AlexanderCapone Обязательно задайте правильный вопрос, включив в него любой соответствующий код, который у вас есть.
@Mathias, ответь, собираясь дать тебе +1, ты подтолкнул меня в правильном направлении, спасибо.
@AlexanderCapone Я добавил ответ, но даже если я подтолкнул вас в правильном направлении, я не уверен, что вы хотите, чтобы ваш конечный результат был. Если вы можете показать, как вы хотели бы выглядеть.
нет, левый div с увеличением ширины спрыгивает вниз
попробуйте оба с Высота: авто и ширина: авто.
Попробуйте перефразировать ваши запросы немного лучше. Не мог понять это.

Mathias · Accepted Answer · 2014-03-21T08-17-00.000Z

Вы можете использовать float: right на изображении и поместите его внутри текста <div>. Как этот ДЕМО

Или вы можете использовать что-то новое и экспериментальное, например display: flexbox если это: DEMO 2 - результат, который вы хотите.

что flex shiat безумно приятно: D Жаль, что это может (должно) использоваться только в будущем :(