tamañol de la caja adaptable con el contenido

[cereal]

Bueno, de hecho, los elementos de dentro son de posición relativa respecto hacia dentro del contenedor y flotando, aquí dejo los elementos:

Código PHP:

  .cuadro_general {
    height: 300px;
    //height: auto;
    width: auto;
    position: relative;
    background-color:#666680;
    color:white;
    border:dotted;
    border-radius: 10px;
    //overflow:auto;
}
 
.cuadro_horas {
    height: 50px;
    width: 50px;
    position: relative;
    background-color: #9CA3D5;
    color: black;
    text-align: left;
    font: 8pt Verdana;
    float: left;
    border-radius: 5px 0px 0px 10px;
}
 
.cuadro_dia {
    height: 50px;
    width: 30px;
    position: relative;
    background-color: #7077A4;
    color: black;
    text-align: right;
    font: 15pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    //font: 15pt Verdana bold;
    float: right;
    border-radius: 0px 5px 10px 0px;
}
 
.clear {
    clear:both;
    font-size:0;
}
 
.boton{
    background:none repeat scroll 0 0 transparent;
    color:#000000;
    height:50px;
    position:absolute;
    width:80px;
    z-index:2;
    border: none;
}
 
.cuadro_dias_semana {
    height:50px;
    width:80px;
    top: 30px;
    position: relative;
    background-color: #7B89D3;
    color: black;
    font: 12pt Verdana;
    text-align: center;
    border: none;
    border-radius: 10px;
    float: left;    
}
 
#cuadro_lunes {
    left: 30px;
}
 
#cuadro_martes {
    left: 60px;
}
 
#cuadro_miercoles {
    left: 90px;
}
 
#cuadro_jueves {
    left: 120px;
}
 
#cuadro_viernes {
    left: 150px;
}
 
#cuadro_sabado {
    left: 180px;
}
 
#cuadro_domingo {
    left: 210px;
}
 
.cuadro_dia2{
    height:50px;
    width:80px;
    //left: 30px;
    top: 100px;
    position: absolute;
    background:none repeat scroll 0 0 transparent;
    color: black;
    font: 12pt Verdana;
    text-align: center;
    z-index:2;
    border-radius: 10px;
}
 
#cuadro_2_1{
    left: 30px;
}
 
#cuadro_2_2{
    left: 140px;
}
 
#cuadro_2_3{
    left: 250px;
}
 
#cuadro_2_4{
    left: 360px;
}
 
#cuadro_2_5{
    left: 470px;
}
 
#cuadro_2_6{
    left: 580px;
}
 
#cuadro_2_7{
    left: 690px;
}
 
#cuadro_3_1{
    left: 30px;
    top: 170px;
}
 
#cuadro_3_2{
    left: 140px;
    top: 170px;
}
 
#cuadro_3_3{
    left: 250px;
    top: 170px;
}
 
#cuadro_3_4{
    left: 360px;
    top: 170px;
}
 
#cuadro_3_5{
    left: 470px;
    top: 170px;
}
 
#cuadro_3_6{
    left: 580px;
    top: 170px;
}
 
#cuadro_3_7{
    left: 690px;
    top: 170px;
}
 
// ......etc....lo mismo hasta #cuadro_7_7 que es lo que completa todos los dias del mes entero.