新聞中心
你對clear屬性在CSS中的使用是否了解,這里向大家描述一下,在DIV+CSS設(shè)計網(wǎng)頁中設(shè)置多個DIV并列排列,往往是使用float:left或float:right來實現(xiàn),但問題出現(xiàn)了,當(dāng)前面并列的多個DIV總寬度不足100%,下面的的DIV就很可能向上提,和上一行的并列的DIV在同一行,使用Clear屬性正好可以解決這一問題,下面引用幫助的介紹。

創(chuàng)新互聯(lián)是專業(yè)的岳陽縣網(wǎng)站建設(shè)公司,岳陽縣接單;提供成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行岳陽縣網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
clear在CSS中的妙用
在DIV+CSS設(shè)計網(wǎng)頁中,經(jīng)常需要設(shè)置多個DIV并列排列,往往是使用float:left或float:right來實現(xiàn),但問題出現(xiàn)了,當(dāng)前面并列的多個DIV總寬度不足100%,下面的的DIV就很可能向上提,和上一行的并列的DIV在同一行,這不是我們想要的結(jié)果。使用Clear屬性正好可以解決這一問題,下面引用幫助的介紹:
CSS clear屬性
圖片和文字元素出現(xiàn)在另外元素中,那么它們(圖片和文字)可稱為浮動元素(floatingelement)。使用clear屬性可以讓元素邊上不出現(xiàn)其它浮動元素。
注意:當(dāng)這個屬性隨著"float"屬性一起使用的話,那么結(jié)果可能會不盡如人意
Inherited:No
繼承性:無
可用值
示例代碼:
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- content="text/html;charset=utf-8"/>
無標(biāo)題文檔 - .LeftText{
- margin:3px;
- float:left;
- height:180px;
- width:170px;
- border:1pxsolid#B1D1CE;
- background-color:#F3F3F3;
- }
- .FootText{
- height:180px;
- }
- .Clear
- {
- clear:both;
- }
區(qū)塊1


咨詢
建站咨詢