Hello there, can anyone lend a hand with this problem? This is the code I have been working with:
<html>
<body>
<div style="width=100%">
<div style="float:left; background-color:Red; height:100px">Red</div>
<div style="background-color:Green;">Green</div>
<div style="background-color:Yellow;">Yellow</div>
</div>
</body>
</html>
As you can see, it displays exactly as I intended - a Red div on the left, a Green div taking up the rest of the width beside it, and a Yellow div below the Green one.
However, when I try to add float left property to the parent div like this:
<html>
<body>
<div style="width:100%; float:left">
<div style="float:left; background-color:Red;height:100px">Red</div>
<div style="background-color:Green">Green</div>
<div style="background-color:Yellow">Yellow</div>
</div>
</body>
</html>
It no longer works. Is there a way to fix this issue while still keeping the parent div floating left?