对布局没影响的浮动，不清除，有关系吗？

如下代码和效果，没有清除浮动。

我知道浮动没有影响后面的元素，是因为我设定了高度。我想知道的是页面有浮动元素，我没有清除浮动，会不会有什么影响。

<!DOCTYPE html>
<html>

<head>
    <meta charset="urf-8">
    <title>浮动</title>
    <style>
        body {
            margin: 0;
        }

        #topNav {
            background: #f2f2f2;
        }

        #topNavWrap {
            width: 1190px;
            height: 30px;
            margin: 0 auto;
        }

        #topNavLeft {
            float: left;
            width: 200px;
            height: 100%;
            background: red;
        }

        #topNavRight {
            float: right;
            width: 200px;
            height: 100%;
            background: red;
        }

        p {
            width: 1190px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <nav id="topNav">
        <div id="topNavWrap">
            <div id="topNavLeft"></div>
            <div id="topNavRight"></div>
        </div>
    </nav>
    <p>浮动没有影响下面的布局</p>
</body>

</html>

图片描述