新聞中心
本文和大家重點(diǎn)討論一下clear:both清除浮動(dòng)的使用,在CSS中我們會經(jīng)常要用到“清除浮動(dòng)”Clear,比較典型的就是clear:both;該屬性的值指出了不允許有浮動(dòng)對象的邊。這個(gè)屬性是用來控制float屬性在文檔流的物理位置的。

為崇仁等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及崇仁網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、崇仁網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
用clear:both清除浮動(dòng)
在CSS中我們會經(jīng)常要用到“清除浮動(dòng)”Clear,比較典型的就是clear:both;
CSS手冊上是這樣說明的:該屬性的值指出了不允許有浮動(dòng)對象的邊。這個(gè)屬性是用來控制float屬性在文檔流的物理位置的。
◆當(dāng)屬性設(shè)置float(浮動(dòng))時(shí),其所在的物理位置已經(jīng)脫離文檔流了,但是大多時(shí)候我們希望文檔流能識別float(浮動(dòng)),或者是希望float(浮動(dòng))后面的元素不被float(浮動(dòng))所影響,這個(gè)時(shí)候我們就需要用clear:both;來清除。
viewplaincopytoclipboardprint?
這個(gè)是第1列, p> 這個(gè)是第2列, p> 這個(gè)是第3列。 p>
這個(gè)是第1列, p> 這個(gè)是第2列, p> 這個(gè)是第3列。 p>
如果不用清除浮動(dòng),那么第3列文字就會和第1、2列文字在一起,所以我們在第3個(gè)這列加一個(gè)清除浮動(dòng)clear:both;
通常,我們往往會將“清除浮動(dòng)”單獨(dú)定義一個(gè)CSS樣式,如:
viewplaincopytoclipboardprint?
- .clear{
- clear:both;
- }
- .clear{
- clear:both;
- }
然后使用
新聞名稱:技術(shù)分享 調(diào)用clear:both清除浮動(dòng)
URL分享:http://m.5511xx.com/article/cojeioj.html


咨詢
建站咨詢
