内容导航：
1、
clear both
2、
Css 用br标签清除浮动的问题。
1、
clear both
英：
美：
常用释义：
清除浮动元素：一种CSS样式
清除两者
1、One approach is to add an element to the bottom of the header that has a clear: both property.───一种方式是向具有clear：both属性的头的底部添加一个元素。
2、No doubt that this is a question needed to be
clear both
in theoretical field and policy implement field.───毋庸置疑，目前这是一个在理论界和政策实践领域都需理清的焦点问题。
3、be
clear both
of the Crystal Vortexes are of great importance in the Ascension and balance of the planet, but Arkansas has the greater influence on humanity for the reasons stated.───要清楚水晶漩涡对地球扬升及平衡地球同时具有极大的重要性，但阿肯色州因前述理由而对人类有更大的影响。
4、This makes the chicken daqu original one case, has the strong, strong bite, set clear, both a and the suzhou-flavor daqu advantages.───这就使西凤大曲独创一格，具有清芬、浓郁的曲香，集清、浓香型大曲二者兼一的优点。
5、Yes, both those weeks are pretty clear at the moment, except for the eleventh of June.───是的，除了6月11日以外，这两个星期都很清楚。
6、In the CAD Drawing Properties dialog box, on the General tab ,
clear both
the Lock position and Lock cropping check boxes .───在“CAD绘图属性”对话框的“常规”选项卡上，清除“锁定位置”和“锁定剪裁”两个复选框。
7、We do need to get clear about both of those questions and so thats going to take the first several weeks of the class.───我们必须弄清楚这两个问题，这就是头几周课的主要内容。
8、To have the permissions from a parent group apply,
clear both
the Allow and Deny boxes.───要应用父组的权限，请同时清除“允许”和“拒绝”框。
9、Frustration with Chinas role was
clear both
during the summit and in comments by western participants afterwards.───无论是在峰会期间，还是在会后西方与会者发表的评论中，对中国所扮演角色的失望均显而易见。
1、both───det.双方，两者；pron.双方，两者；adv.双方都，两者都；不仅……而且……；conj.既……且……；并；两者皆；n.(Both)博特（人名）
2、both tall───都很高
3、clear───adj.清楚的；清澈的；晴朗的；无罪的；n.清除；空隙；vi.放晴；变清澈；adv.清晰地；完全地；n.(Clear)人名；(英)克利尔；vt.通过；清除；使干净；跳过
4、the both───两者兼而有之
5、clear and clear───清清楚楚
6、are both───两者都是
7、both sides───双边; 两面; 两边; 双方；两舷，两边；两方面
8、both of───都
9、both sexes───【统计】男女合计；两性
2、
Css 用br标签清除浮动的问题。
四种清除浮动方法如下：
1、使用空标签清除浮动。
我用了很久的一种方法，空标签可以是div标签，也可以是p标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义css代码：clear:both。此方法的弊端在于增加了无意义的结构元素。
对于使用额外标签清除浮动（闭合浮动元素），是w3c推荐的做法。至于使用
元素还是空
可以根据自己的喜好来选（当然你也可以使用其它块级元素）。不过要注意的是，
本身是有表现的，它会多出一个换行出来，所以要设定它的heigh为0，以隐藏它的表现。所以大多数情况下使用空
比较合适。
*{margin:0;padding:0;}
body{font:36px
bold;
color:#f00;
text-align:center;}
#layout{background:#ff9;}
#left{float:left;width:20%;height:200px;background:#ddd;line-height:200px;}
#right{float:right;width:30%;height:80px;background:#ddd;line-height:80px;}
.clear{clear:both;}
–>
left
right
2、使用overflow属性。
此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义css属性：overflow:auto，即可！也可以用overflow:hidden；”zoom:1″用于兼容ie6，也可以用width:100%。
不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上测试你的页面；
*{margin:0;padding:0;}
body{font:36px
bold;
color:#f00;
text-align:center;}
#layout{background:#ff9;overflow:auto;zoom:1;
}
/*
overflow:auto可以换成overflow:hidden，zoom:1可以换成width:100%*/
#left{float:left;width:20%;height:200px;background:#ddd;line-height:200px;}
#right{float:right;width:30%;height:80px;background:#ddd;line-height:80px;}
–>
left
right
3、使用after伪对象清除浮动。
该方法只适用于非ie浏览器
具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像素；二、content属性是必须的，但其值可以为空，蓝色理想讨论该方法的时候content属性的值设为”.”，但我发现为空亦是可以的。
*{margin:0;padding:0;}
body{font:36px
bold;
color:#f00;
text-align:center;}
#layout{background:#ff9;}
#layout:after{display:block;clear:both;content:”";visibility:hidden;height:0;}
#left{float:left;width:20%;height:200px;background:#ddd;line-height:200px;}
#right{float:right;width:30%;height:80px;background:#ddd;line-height:80px;}
–>
left
right
4、浮动外部元素，float-in-float。这种方法很简单，就是把“#outer”元素也进行浮动（向左或者向右）。
但是这种方法带来的别外一个问题就是和“#outer”相邻的下一个元素会受到“#outer”的影响位置会产生变化，所以使用这种方法一定要小心。有选择把页面中的所有元素都浮动起来，最后使用一个适当的有意义的元素（比如页脚）进行清理浮动，这有助于减少不必要的标记，但是过多的浮动会增加布局的难度。
*{margin:0;padding:0;}
body{font:36px
bold;
color:#f00;
text-align:center;}
#layout{background:#ff9;float:left;}
#left{float:left;width:20%;height:200px;background:#ddd;line-height:200px;}
#right{float:right;width:30%;height:80px;background:#ddd;line-height:80px;}
–>
left
right