مشكلة background-color مع float فى CSS

جرب هذه الحلول

.content::before, .content::after { content: " "; display: table; clear: both;}

أو أنك تخلي display الخاص ب الكلاس content على هذا النحو table

.content{display: table;}