As a newcomer to HTML and CSS, I am struggling with setting the background color of my root div on a webpage. My code is quite complex, but let me simplify the issue for you by providing a sample problem below.
<style>
#background{
background-color:#F78F91;
width:800px;
min-height:20px;
}
.content{
min-width:50px;
max-width:150px;
min-height:30px;
max-height:500px;
float:right;
background-color:#1860DF;
border-bottom-color:#D9F733;
border-style:solid;
border-width:thin;
}
</style>
<body>
<div id="background">
<div class="content">
</div>
<div class="content">
</div>
<div class="content">
</div>
</div>
I am looking to make the background height match that of the child divs. Any help is appreciated!