делая эти два div рядом друг с другом

0

Извините за то, что задал тот же вопрос, который задан много раз. Но мое дело кажется немного странным. Я проверил все сообщения, но не смог найти решение для меня.

http://jsfiddle.net/pBPQ7/1/ это мой код.

Я хочу, чтобы rightson всегда rightson на leftson даже если вы измените размер окна.

на моем большом экране, правон идет далеко к правой стороне экрана, оставляя левсонов посередине. Я хочу, чтобы они всегда придерживались друг друга. Как это возможно в css? :(

  • 0
    Есть ли причина, по которой вы не сможете установить свойство width в #father div ?
Теги:

6 ответов

1
Лучший ответ

Просто установите минимальную ширину в #father и сделайте свои элементы встроенными.

#father {
min-width:476px;
}

Проверьте этот код http://jsfiddle.net/pBPQ7/15/

Поделиться
1

Как это?

http://jsfiddle.net/pBPQ7/5/

Просто добавьте

float:left;

как для.

Поделиться
  • 0
    Но float будет ломаться с размером браузера
  • 0
    Да, это ожидаемое поведение. Вам придется использовать% widths, если вы не хотите, чтобы это произошло, или использовать некоторые альтернативные решения, предложенные другими людьми. :)
1

В зависимости от того, что вы хотите сделать.

Если вам не нужно иметь фиксированную ширину для левого или правого столбца, вы можете добавить% на свои предметы.

Вот пример того, что вы хотите

CSS

#father{
    width:100%;
}

#leftson{
    width:65%; 
    background:#FFFFFF;
    border: 1px solid #E7E6E5;
    box-shadow: 0px 0px 35px gray;
    float: left; 
}
#rightson{
    width:30%;
    float: left; 
    box-shadow: 0px 0px 35px gray;
}

В противном случае вы можете плавать свой контент (с тем же размером). Вот еще один пример

Другая возможность. Если у вас есть фиксированный div в ширину, вы можете изменить размер только при изменении размера. Вот пример

Поделиться
1

Проверьте это: вы можете добавить margin-right в свой div и добавить ширину для своего отца div.

#father div {
display: table-cell;
}
#father {
display:table;
width:500px;
}

Вот jsfiddle http://jsfiddle.net/pBPQ7/17/

Поделиться
1

использование

float: right

на обоих элементах.

Поделиться
  • 0
    Имейте в виду, что использование этого решения создаст впечатление, что div изменили порядок.
  • 0
    Но это будет порвать с размером браузера
1

Сделайте эти divs с дисплеем: inline-block;

jsfiddle.net/pBPQ7/10/

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню