
Amir S. answered 03/22/19
Professional Web Developer with 17+ years of experience
I need the rest of your CSS and your HTML structure to be able to give you a correct answer. However I am seeing that the width is missing in your inner. If you define the width it will fix the problem.
Example:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#outer{
height: 300px;
}
#inner { float: left;
height: 100%;
width: 50%;
background: red;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body>
</html>