HTML和CSS的一些小问题

有了问题，问下怎么解决？

下面是代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <title>index</title>
</head>

<body>
    <div class="top">
        <div class="top-center">
            <div class="top-logo">
                
            </div>
            <div class="top-nav">
                
            </div>
        </div>
    </div>
</body>

</html>

下面是CSS：

* {
    margin: 0;
    padding: 0;
}
.top {
    width: 1902px;
    height: 100px;
    background-color: rgb(216, 214, 92);
}

.top-center {
    width: 1202px;
    height: 100px;
    margin: 0 auto;
    background-color: aqua;
}

.top-logo {
    width: 222px;
    height: 100px;
    background: #000;
    /* position: relative; */

}
.top-nav {
    width: 500px;
    height: 100px;
    background-color: rgb(189, 8, 8);
}

急，谢谢！！

.top-logo {
float: left;
width: 222px;
height: 100px;
background: #000;
/* position: relative; */
}
.top-nav {
float: left;
width: 500px;
height: 100px;
background-color: rgb(189, 8, 8);
}

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y