Cómo alinear dos divs lado a lado utilizando los elementos flotante, claro y de desbordamiento con una posición fija div /
Así que he estado intentando alinear dos divs lado a lado sin superposición. Tengo un div que se fijará como una barra lateral y el div derecho como el contenido. Con suerte, alguien me puede ayudar.
body {
background-color: #444;
margin-top: 0;
margin-bottom: 0;
}
#wrapper {
width: 1005px;
margin: 0 auto;
padding: 0;
overflow: auto;
}
#leftcolumn {
width: 250px;
background-color: #111;
padding: 0;
margin: 0;
display: block;
border: 1px solid white;
position: fixed;
}
#rightcolumn {
width: 750px;
background-color: #777;
display: block;
float: left;
border: 1px solid white;
}
<div id="wrapper">
<div id="leftcolumn">
</div>
<div id="rightcolumn">
</div>
</div>