У меня есть контейнер с левой и правой прокладкой. Внутри этого контейнера находятся два divs, которые должны быть рядом друг с другом между пробелом. Теперь, поскольку это пространство исправлено, но сайт реагирует, два текстовых div должны иметь динамическую ширину. Именно по этой причине я не могу использовать% -width.
Я подумал, что с text-align: justify
это сработает, но это не так.
Вот JSFiddle: http://jsfiddle.net/qGw48/
Здесь JSFiddle, как это должно выглядеть: http://jsfiddle.net/4ekSm/ (работает только из-за% -width s)
просто измените:
div # container> div {
display: inline-block;
}
чтобы:
div#container > div {
display: table-cell;
}
Это можно сделать довольно легко, если вы зададите значение ширины с учетом отступов. Поэтому я использую стиль:
box-sizing: border-box;
Это означает, что когда вы устанавливаете ширину, в это значение будет включено дополнение.
Вы видели это http://jsfiddle.net/cUCvY/1/
Я думаю, что он решает, что вы ищете
Два Divs рядом друг с другом, которые затем складываются с отзывчивым изменением
вы можете добавить некоторый запас в один из ящиков, т.е.
.left{
margin-right: 5px;
}