本篇内容介绍了“clear属性在CSS中的作用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比兴平网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式兴平网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖兴平地区。费用合理售后完善，10年实体公司更值得信赖。
在CSS中clear属性妙用
在DIV+CSS设计网页中，经常需要设置多个DIV并列排列，往往是使用float:left或float:right来实现，但问题出现了，当前面并列的多个DIV总宽度不足100%，下面的的DIV就很可能向上提，和上一行的并列的DIV在同一行，这不是我们想要的结果。使用Clear属性正好可以解决这一问题，下面引用帮助的介绍：
CSS clear属性
Imageandtextelementsthatappearinanotherel ementarecalledfloatingelements. Theclearpropertysetsthesideso fanelementwhereotherfloatingelementsarenotallowed.
图片和文字元素出现在另外元素中，那么它们(图片和文字)可称为浮动元素(floatingelement)。使用clear属性可以让元素边上不出现其它浮动元素。
Note:Thispropertydoesnotalwaysworkasexpectedifitisusedalongwiththe"float"property.
注意：当这个属性随着"float"属性一起使用的话，那么结果可能会不尽如人意
Inherited:No
◆继承性：无
◆可用值
举例
无标题文档title> <styletypestyletype="text/css"> .LeftText{ margin:3px; float:left; height:180px; width:170px; border:1pxsolid#B1D1CE; background-color:#F3F3F3; } .FootText{ height:180px; } .Clear { clear:both; } style> head> <body> <divclassdivclass="LeftText">区块1div> <divclassdivclass="LeftText">区块2div> <divclassdivclass="Clear">div> <divclassdivclass="FootText">区块3div> body> html></pre><p>◆代码说明：</p><p>如果没有Clear这一层，“区块3”会紧接区块2并列在同一行。</p><p>加了Clear这一层后，会把上面的浮动DIV的影响清除，使其不至影响下面DIV的布局</p><p>“clear属性在CSS中的作用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！</p>
<br>
本文题目：clear属性在CSS中的作用 <br>
转载来于：<a href="http://zwzwh.cn/article/gcgoeg.html">http://zwzwh.cn/article/gcgoeg.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dphoec.html">golang如何实现抓取IP地址的蜘蛛程序详解-创新互联</a>
</li><li>
<a href="/article/ciesds.html">建站域名安全重要吗？如何提升域名安全？</a>
</li><li>
<a href="/article/gccgpo.html">搭建个人网站购买什么虚拟主机好</a>
</li><li>
<a href="/article/pcjpjd.html">PHP怎么实现弹出警告消息框的功能</a>
</li><li>
<a href="/article/dpgdieh.html">辞旧迎新，云计算的三层发展趋势浅析</a>
</li><li>
<a href="/article/dpgciop.html">解锁Linux利器！学习命令映射，让操作更轻松（linux命令映射）</a>
</li><li>
<a href="/article/dhiejgd.html">蓝牙耳机驱动怎么安装</a>
</li><li>
<a href="/article/codsodc.html">Linux下安装IDA Pro简易指南（linuxida安装）</a>
</li><li>
<a href="/article/cossddc.html">移动宁波</a>
</li><li>
<a href="/article/cdgedsi.html">域名服务器dns地址怎么查询</a>
</li> </ul>
</div>
</div>
<footer>
<div class="foot container">
<div class="footl fl">
<h3>联系我们</h3>
<dl>
您好HELLO!<br>
感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们，
我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。
</dl>
<ul>
<li>电话：028- <span>86922220 18980695689</span></li>
<li>商务合作邮箱：631063699@qq.com</li>
<li>合作QQ： 532337155</li>
<li>成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼</li>
</ul>
</div>
<div class="footr fr">
<h3>乐尚佳建站工作室</h3>
<dl>
成都乐尚佳网站建设公司拥有多年以上互联网从业经验的精英团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。
我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，乐尚佳建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！
</dl>
<h3>乐尚佳观点</h3>
<dl>
相对传统的成都网站建设公司而言，乐尚佳鼎是互联网中的网站品牌策划精英，我们精于企业品牌与互联网相结合的整体战略服务。<br>
我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。
</dl>
</div>
</div>
<div class="link">
<div class="container"> <span> 友情链接：</span>
<a href="http://www.sczizhong.com/" title="资中网站设计" target="_blank">资中网站设计</a> <a href="http://www.pzcyfdj.com/" title="彭州柴油发电机租赁" target="_blank">彭州柴油发电机租赁</a> <a href="https://www.cdcxhl.com/idc/yldx.html" title="贵州义龙电信机房" target="_blank">贵州义龙电信机房</a> <a href="http://www.myfdjzy.com/" title="夏季POLO衫" target="_blank">夏季POLO衫</a> <a href="http://www.cdhin.com/" title="邛崃定制网站建设" target="_blank">邛崃定制网站建设</a> <a href="https://www.cdcxhl.com/app.html" title="app软件开发公司" target="_blank">app软件开发公司</a> <a href="http://www.jsozb.com/" title="成都静音发电机公司" target="_blank">成都静音发电机公司</a> <a href="http://www.fltkjt.com/" title="网站营销推广" target="_blank">网站营销推广</a> <a href="http://www.kvwbe.com/" title="昆明发电机销售" target="_blank">昆明发电机销售</a> <a href="http://www.gvdws.com/" title="达州柴油发电机维修" target="_blank">达州柴油发电机维修</a> </div>
</div>
<div class="copy">
