1、clear both

clear both發(fā)音

英：　　美：

clear both中文意思翻譯

常用釋義：清除浮動(dòng)元素：一種CSS樣式

清除兩者

clear both雙語(yǔ)使用場(chǎng)景

1、One approach is to add an element to the bottom of the header that has a clear: both property.───一種方式是向具有clear：both屬性的頭的底部添加一個(gè)元素。

2、No doubt that this is a question needed to be clear both in theoretical field and policy implement field.───毋庸置疑，目前這是一個(gè)在理論界和政策實(shí)踐領(lǐng)域都需理清的焦點(diǎn)問(wèn)題。

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.───要清楚水晶漩渦對地球揚升及平衡地球同時(shí)具有極大的重要性，但阿肯色州因前述理由而對人類(lèi)有更大的影響。

4、This makes the chicken daqu original one case, has the strong, strong bite, set clear, both a and the suzhou-flavor daqu advantages.───這就使西鳳大曲獨創(chuàng )一格，具有清芬、濃郁的曲香，集清、濃香型大曲二者兼一的優(yōu)點(diǎn)。

5、Yes, both those weeks are pretty clear at the moment, except for the eleventh of June.───是的，除了6月11日以外，這兩個(gè)星期都很清楚。

6、In the CAD Drawing Properties dialog box, on the General tab , clear both the Lock position and Lock cropping check boxes .───在“CAD繪圖屬性”對話(huà)框的“常規”選項卡上，清除“鎖定位置”和“鎖定剪裁”兩個(gè)復選框。

7、We do need to get clear about both of those questions and so that's going to take the first several weeks of the class.───我們必須弄清楚這兩個(gè)問(wèn)題，這就是頭幾周課的主要內容。

8、To have the permissions from a parent group apply, clear both the Allow and Deny boxes.───要應用父組的權限，請同時(shí)清除“允許”和“拒絕”框。

9、Frustration with China's role was clear both during the summit and in comments by western participants afterwards.───無(wú)論是在峰會(huì )期間，還是在會(huì )后西方與會(huì )者發(fā)表的評論中，對中國所扮演角色的失望均顯而易見(jiàn)。

clear both相似詞語(yǔ)短語(yǔ)

1、both───det.雙方，兩者；pron.雙方，兩者；adv.雙方都，兩者都；不僅……而且……；conj.既……且……；并；兩者皆；n.(Both)博特（人名）

2、both tall───都很高

3、clear───adj.清楚的；清澈的；晴朗的；無(wú)罪的；n.清除；空隙；vi.放晴；變清澈；adv.清晰地；完全地；n.(Clear)人名；(英)克利爾；vt.通過(guò)；清除；使干凈；跳過(guò)

4、the both───兩者兼而有之

5、clear and clear───清清楚楚

6、are both───兩者都是

7、both sides───雙邊; 兩面; 兩邊; 雙方；兩舷，兩邊；兩方面

8、both of───都

9、both sexes───[統計]男女合計；兩性

2、Css 用br標簽清除浮動(dòng)的問(wèn)題。

四種清除浮動(dòng)方法如下：

1、使用空標簽清除浮動(dòng)。

我用了很久的一種方法，空標簽可以是div標簽，也可以是p標簽。這種方式是在需要清除浮動(dòng)的父級元素內部的所有浮動(dòng)元素后添加這樣一個(gè)標簽清除浮動(dòng)，并為其定義css代碼：clear:both。此方法的弊端在于增加了無(wú)意義的結構元素。

對于使用額外標簽清除浮動(dòng)（閉合浮動(dòng)元素），是w3c推薦的做法。至于使用

元素還是空

可以根據自己的喜好來(lái)選（當然你也可以使用其它塊級元素）。不過(guò)要注意的是，

本身是有表現的，它會(huì )多出一個(gè)換行出來(lái)，所以要設定它的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屬性。

此方法有效地解決了通過(guò)空標簽元素清除浮動(dòng)而不得不增加無(wú)意代碼的弊端。使用該方法是只需在需要清除浮動(dòng)的元素中定義css屬性：overflow:auto，即可！也可以用overflow:hidden；”zoom:1″用于兼容ie6，也可以用width:100%。

不過(guò)使用overflow的時(shí)候，可能會(huì )對頁(yè)面表現帶來(lái)影響，而且這種影響是不確定的，你最好是能在多個(gè)瀏覽器上測試你的頁(yè)面；

*{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偽對象清除浮動(dòng)。

該方法只適用于非ie瀏覽器

具體寫(xiě)法可參照以下示例。使用中需注意以下幾點(diǎn)。一、該方法中必須為需要清除浮動(dòng)元素的偽對象中設置height:0，否則該元素會(huì )比實(shí)際高出若干像素；二、content屬性是必須的，但其值可以為空，藍色理想討論該方法的時(shí)候content屬性的值設為”.”，但我發(fā)現為空亦是可以的。

*{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、浮動(dòng)外部元素，float-in-float。這種方法很簡(jiǎn)單，就是把“#outer”元素也進(jìn)行浮動(dòng)（向左或者向右）。

但是這種方法帶來(lái)的別外一個(gè)問(wèn)題就是和“#outer”相鄰的下一個(gè)元素會(huì )受到“#outer”的影響位置會(huì )產(chǎn)生變化，所以使用這種方法一定要小心。有選擇把頁(yè)面中的所有元素都浮動(dòng)起來(lái)，最后使用一個(gè)適當的有意義的元素（比如頁(yè)腳）進(jìn)行清理浮動(dòng)，這有助于減少不必要的標記，但是過(guò)多的浮動(dòng)會(huì )增加布局的難度。

*{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