Muchas Gracias se ha arreglado todo aunque todavia noel ancho de objeto padre sobresale del body por la derecha
Código:
/*Div padre*/
#padre{
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
padding:1em;
width:100%;
border: 3px solid red;
}
/*Div hijo1*/
#hijo1{
width:50%;
height:20%;
border: 3px solid blue;
}
/*Div hijo2*/
#hijo2{
width:50%;
height:20%;
border: 3px solid green;
}
/*Div hijo21*/
#hijo21{
width:45%;
border: 3px solid brown;
display: inline-block;
}
/*Div hijo22*/
#hijo22{
width:45%;
border: 3px solid yellow;
display: inline-block;
}
/*Div hijo22*/
#hijo3{
width:50%;
height:20%;
border: 3px solid blue;
}
.flota{
float:left;
}
body{
margin-left : auto;
margin-right : auto;
padding:1em;
border: 3px solid yellow;
}