divs, изменяющее положение при изменении размера

Справа сдвинутая смена div ниже левого плавающего div в том же самом, что и div, когда я изменяю размер окна браузера меньше. все выглядит нормально, пока я не закрою окно.divs, изменяющее положение при изменении размера

где c1 - родительский элемент, а c1a - левый div, а c1b - правый div.

#c1 { 
    margin-top: 50px; 

} 
#c1a { 
    display: inline-block; 
    margin-left: 30px; 
    background-color: #FFF; 
    padding: 5px; 
    float: left; 
} 

#c1b { 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000; 
    width: 180px; 
    font-size: x-small; 
    background-color: #CCC; 
    float: right; 
    margin-right: 200px; 
    padding-top: 8px; 
    padding-right: 8px; 
    padding-bottom: 12px; 
    padding-left: 12px; 
}

Как я могу это исправить?

источник

2012-05-25 Ade

Правый div упадет на следующую строку, если он пересекает левый div при изменении размера внешнего контейнера. Пара вещей, которые у вас может сделать ... установить ширину на родительском объекте, чтобы она не изменяла размер или не устанавливала минимальную ширину, чтобы она не уменьшалась ниже определенного размера.

источник

2012-05-25 15:31:38