Need to fill entire remaining div

Question

The background color black fills the padding area only As show below and I need it to cover the whole div area.

Please provide all relevant code in an [mcve] in the question itself, not on a third-party site. — Heretic Monkey, Dec 14 '16 at 21:38

score 1 · Answer 1 · answered Dec 14 '16 at 20:54

1

Your issue is that when you float an element using css float:left or float:right, the parent container will lose it's natural height that is defined by its children.

You should read this post about floats and clears

answered Dec 14 '16 at 20:54

Max Baldwin

3,404
3
26
40

score 1 · Accepted Answer · answered Dec 14 '16 at 20:56

1

Your problem is you floats here is my suggestion make it Flex:

.core {padding:50px;margin:0 auto;max-width:1000px; display: flex;}

https://jsfiddle.net/nwtttmqk/

You can also do inline....but flex is....more flexible (and modern)

answered Dec 14 '16 at 20:56

Riskbreaker

4,621
1
23
31

Need to fill entire remaining div

2 Answers2