css - 对布局没影响的浮动，不清除，有关系吗？
本文介绍了css - 对布局没影响的浮动，不清除，有关系吗？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
如下代码和效果，没有清除浮动。
我知道浮动没有影响后面的元素，是因为我设定了高度。我想知道的是页面有浮动元素，我没有清除浮动，会不会有什么影响。
<!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>
解决方案
用了浮动，之后最好还是清一下浮动，不然代码写多，还有就是低版本的浏览器有意想不到的问题。推荐一个关于float的文章：https://segmentfault.com/a/11...
这篇关于css - 对布局没影响的浮动，不清除，有关系吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
