IT培訓(xùn)網(wǎng)
IT在線學(xué)習(xí)
在技術(shù)文檔中對(duì)于clear的值是這樣解釋的:
我們?cè)趯?shí)例中看一下:
首先:在一個(gè)大盒子里放4個(gè)p標(biāo)簽,讓p標(biāo)簽全部左浮動(dòng),此時(shí)會(huì)產(chǎn)生高度塌陷問(wèn)題
HTML代碼如下:
css代碼如下:
在前兩個(gè)p標(biāo)簽之后添加一個(gè)空的塊元素div,給這個(gè)塊元素clear:left屬性
HTML代碼如下:
css代碼如下:
.clear{ clear: left; }
看起來(lái)是實(shí)現(xiàn)了元素左側(cè)不允許有浮動(dòng),但如果給第2個(gè)p標(biāo)簽一個(gè)右浮動(dòng)
css代碼如下:
p:nth-of-type(2){
float: right;
height: 100px;
background-color: orange;
}
會(huì)發(fā)現(xiàn)父元素只撐開(kāi)了第一個(gè)左浮動(dòng)的p標(biāo)簽的寬度。
>>本文地址:http://hqfphsz.com/zhuanye/2019/48200.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個(gè)方向的工作?
07月15日Java
咨詢/試聽(tīng)07月15日Python+人工智能
咨詢/試聽(tīng)07月15日Web前端
咨詢/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢/試聽(tīng)07月15日大數(shù)據(jù)
咨詢/試聽(tīng)07月15日Java
咨詢/試聽(tīng)07月15日Python+人工智能
咨詢/試聽(tīng)07月15日Web前端
咨詢/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢/試聽(tīng)07月15日大數(shù)據(jù)
咨詢/試聽(tīng)