Сервировка стола с DIV

У меня есть проблема, которую я не могу решить, так что если кто-нибудь, кто может мне помочь, оценить:Сервировка стола с DIV


________________________________________________________________________________ 
|  body                 | 
|                    | 
| ___________ _______________________________________________________________ | 
| |   | |                ||   
| | div B | |                || 
| |   | |                || 
| |__________| |                || 
|    |  div C              || 
|    |                || 
|    |                || 
|    |                || 
|    |                || 
|    |                || 
|    |                || 
|    |_______________________________________________________________|| 
|_______________________________________________________________________________|

вот мой код для этого:


<body> 
... 
<div style="float: left;">...</div> 
<div style="float: left;">...</div> 
... 
</body>

Проблема заключается в том, что в любое время, когда я добавляю в div C текст более широкий - как количество - чем div C (смотрите в чертеже), div C изменяет свою позицию под div B, в целом body ширина.

Итак, может ли кто-нибудь сказать мне, как сделать div C, не изменять его положение, не указывая значения какого-либо размера (я имею в виду числовые значения)?

Спасибо!

N.B. Я пытался поставить div B и div C в display:block или display:inline-blockDIV, но без каких-либо результатов

источник

2012-02-21 artaxerxe

положить их в div с> дисплеем: inline –

Использование negative margins или display: table/table-cell.

источник

2012-02-21 11:35:03

Это также работает. Благодаря! – artaxerxe

Решение 1: ширина затруднительное

Если ваши настройки ширины обоих из них процент говорят, 10% и 90% .. вы можете избавиться от этой проблемы с помощью overflow:hidden|scroll|auto на div C

Решение 2: Позиция Fix

сделать родителя position:relative и div C установка

.divC{ 
position:absolute 
top:0 
right:0 
}

источник

2012-02-21 11:31:33

Я положил переполнение: auto на * div C *, и теперь отлично работает, даже если я не укажу ширины. Спасибо, в любом случае! – artaxerxe

Вы определены ширины к Div B и C Div CSS? если нет, то, попробовать этот

.divB, .divC{ width:50%;}

Если вы не задаете ширину в дивы, то дивы будет корректировать в соответствии с содержанием внутри них.

источник

2012-02-21 11:33:09 Abhidev

Сервировка стола с DIV

ответ

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