Боковая панель выходит за пределы упаковки?

Question

Это код, вы можете видеть, что не так просто.

#wrap { 
 
    text-align: center; 
 
    height: auto; 
 
    margin: 0 auto; 
 
    width: 1024px; 
 
    background: #CCC; 
 
} 
 
#sidebar { 
 
    height: auto; 
 
    width: 300px; 
 
    padding: 20px; 
 
    margin-top: 60px; 
 
    padding-bottom: 100px; 
 
    border: outset; 
 
    float: right; 
 
    overflow: auto; 
 
} 
 
#content { 
 
    border: outset; 
 
    overflow: auto; 
 
    width: 500px; 
 
    height: auto; 
 
    padding: 20px; 
 
    margin-top: 60px; 
 
    padding-bottom: 100px; 
 
    clear: left; 
 
}

<div id="wrap"> 
 
    <div id="sidebar">Some text here</div> 
 
    <div id="content">Some text here</div> 
 
</div>

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

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

Answer 1

Добавить Css proprty к этому ID

#content{ 
    float: left; 
}