Право плавало содержание происходит под левым плавали контент

Question

У меня есть следующий HTML:

<div id="page_title"> 
    <div id="left_title> 
    <h1> MY LARGE TITLE </h1> 
    </div> 
    <div id="page_help"> 
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST 
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST 
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST 
    </div> 
</div> 

И следующий CSS:

#page_title 
{ 
    width:960px; 
    margin: 20px auto 0; 
    overflow:hidden; 
} 
#left_title 
{ 
    float:left 
} 
#page_help 
{ 
    float:right 
} 

Когда page_help ДИВ имеет много контента, он идет под left_title, и это не то, что я хочу. Я хочу, чтобы left_title всегда находился в левой части контейнера page_help. Этой картина показывает (не хотели) поведение

И это то, что я хотел бы:

Что я недостающий для того, чтобы иметь такое поведение?

Answer 1

Если вы установите ширину в div, вы получите желаемое поведение. Проблема в том, что page_help div пытается максимально увеличить ширину страницы.

Answer 2

Вам необходимо установить ширину #page_help, в противном случае она попытается учесть объем данных, которые вы вложили в него, изменив размер.