div中float屬性,css里面左浮動(dòng)?
浮動(dòng)和清除浮動(dòng)一般用在DIV+css布局時(shí),通常情況下使用DIV+CSS布局,文檔中的對象都是從上自下依次排列,比如你寫<divid="a"></div><divid="b"></div>那么默認(rèn)情況下id為b的div排在a的下方,我們稱這種布局為標(biāo)準(zhǔn)流,設(shè)置浮動(dòng)后對象就脫離了標(biāo)準(zhǔn)流,就像水面上的漂浮物一樣,不再嚴(yán)格的按照標(biāo)準(zhǔn)流排列。浮動(dòng)的取值如下:left:對象浮在左邊right:對象浮在右邊clear清楚左,,右浮動(dòng)。。。例如下面的代碼:<divid="container"><divid="left"></div><divid="right“></div><divid="bottom></div></div>此時(shí)leftrightbottom3個(gè)div是從上到下排列,如果我們給left添加一個(gè)浮動(dòng)屬性float:left,那么3個(gè)div會(huì)從左到右排列,這是因?yàn)閘eft的浮動(dòng)也會(huì)影響到后面的對象,如果我們給bottom添加一句clear:both,那么bottom就不會(huì)再排在right的右邊了,這是因?yàn)槲覀冇胏lear:both清除了前面浮動(dòng)對象對bottom的影響
CSS頁面中clear?
clear:both;CSS手冊上這樣解釋的:該屬性的值指出了不允許有浮動(dòng)對象的邊。這個(gè)屬性是用來控制float屬性在文檔流的物理位置的。當(dāng)屬性設(shè)置float(浮動(dòng))時(shí),他所在的物理位置已經(jīng)脫離文檔流了,但是大多時(shí)候我們希望文檔流能識(shí)別float(浮動(dòng)),或者是希望float(浮動(dòng))后面的元素不被float(浮動(dòng))所影響,這個(gè)時(shí)候我們就需要用clear:both;來清除clear:both;例子:
這個(gè)是第1列,
這個(gè)是第2列,
這個(gè)是列的下面。
如果不用清除浮動(dòng),那么第3個(gè)的文字就會(huì)和第一二行在一起所以我們在第3個(gè)這利加一個(gè)清除浮動(dòng)。
這個(gè)是第1列,
這個(gè)是第2列,
這個(gè)是列的下面。
div設(shè)置浮動(dòng)和設(shè)置display的區(qū)別?
div設(shè)置浮動(dòng)是用float,display是用來設(shè)置切換元素為塊元素或者行內(nèi)元素,隱藏或者其他的屬性的。
dw里面的div怎么同一行設(shè)置兩個(gè)?
解決.一把兩個(gè)里層div都設(shè)置為float:left,然后第二個(gè)加上margin-left的屬性,你想隔開,就把值設(shè)置大.但記得注意瀏覽器兼容的問題,以及邊框的大小.
二是,照樣設(shè)置兩個(gè)div,在第二個(gè)div中,再加入一個(gè)div,然后你就可以設(shè)置其為右浮動(dòng)了。
同樣,注意寬度問題.三是,你加入的內(nèi)容一定要放在div里面,一般不建議將整個(gè)層右浮動(dòng),如果你是往這兩個(gè)div里面加圖片,你可以用li來布局,然后將其一個(gè)設(shè)置為左浮動(dòng)一個(gè)設(shè)置為右浮動(dòng).如果你加的全是文字,用什么標(biāo)簽都行了。