为什么类名“topnav”的div没有以淡绿色显示？

Answer 1

当您浮动子元素时，父 div 高度会折叠。 为避免这种情况，您需要清除浮动，以便父母可以获得高度

.topnav::after{
 content:"";
 clear:both;
 display:block;
}

<style>
.topnav{
background-color:palegreen;
}
.topnav a{
float:left;
}

.topnav::after{
content:"";
clear:both;
display:block;
}
</style>

<div class="topnav">
<a href="">home</a>
<a href="">home</a><a href="">home</a><a href="">home</a>
</div>