Как сделать так чтобы размер div не зависел от размера родительского div
 

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

/*CSS ГЛАВНОГО БЛОКА*/
   div#front-center-sidebar {
   display: block;
   float: left;
   min-height: 100px;
   padding: 30px;
   width: 400px;
}
/*CSS следующего по вложенности блока, размер которого должен меняться в зависимости от вложенного контента*/
div#views-today-movie-halls {
background: #0F3978;
border: 1px solid #175CA1;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
overflow: hidden;
padding-bottom: 10px;
}
/*и CSS третьего по вложенности*/
div.movie-schedule div.room.room-left {
display: block;
float: left;
text-align: center;
width: 50%;
}

Сама логика вопроса не совсем верна. Ширина блока (width) если она в %, всегда берется от ширины родителя а не от ширины потомка.
Если вам нужна имитация того, что на картинке, то добавляем