加勒比AV一二三区,高清免费中文字幕在线观看,97色色色色色色色色色色色色色色色

網(wǎng)站開(kāi)發(fā)之前端：子div無(wú)法撐開(kāi)父親DIV

時(shí)間：2019-08-30 訪(fǎng)問(wèn)量：0

原因：內(nèi)部的DIV因?yàn)閒loat:left之后，就丟失了clear:both和display:block的樣式，所以外部的DIV不會(huì)被撐開(kāi)。

以下是幾種解決辦法（假設(shè)父div的class為“container”）:

方法1、使用偽類(lèi)

container::after{    display: block;    height:0;    content: '';    clear: both;
}container{    display: inline-block; /*弟一種撐開(kāi)辦法，底下會(huì)有部分被遮到，所以添加這行，就玩美了*/}

方法2、不撐開(kāi)的原理是overflow不可見(jiàn)，所以給父div添加overflow:auto;就行，IE要用_height:1%;

container{    overflow: auto;/*讓主要內(nèi)容區(qū)隨內(nèi)容自動(dòng)撐開(kāi)*/
    overflow-y:hidden;/*把出現(xiàn)的滾動(dòng)條隱藏，但是底下會(huì)被遮到一點(diǎn)，不玩美*/
     _height:1%;/*對(duì)IE的hack*/
}

方法3、可以專(zhuān)門(mén)醉后添加一個(gè)子div用來(lái)清除浮動(dòng)：
```
<div class="clear"></div>
```
設(shè)置樣式.

clear{clear:both; font-size:0; height:1%;}

方法4、可以設(shè)置父div的高度（也就是手動(dòng)撐開(kāi)，不靈活）；
方法5、直接給父div設(shè)置 display: inline-block; 這樣也自動(dòng)撐開(kāi)
方法6、直接給子div設(shè)置 display: inline-block; 也能自動(dòng)撐開(kāi)，但是排版問(wèn)題有待研究學(xué)習(xí)
方法7、從網(wǎng)上還發(fā)現(xiàn)了一種方法，給父div增加屬性：display:table;
方法8、子div浮動(dòng)我就套不住你?OK,我讓父div也浮動(dòng): 父div設(shè)置 float: left; 也可以

上一篇：沒(méi)有了！

下一篇：沒(méi)有了！

服務(wù)咨詢(xún)

1對(duì)1咨詢(xún)，專(zhuān)業(yè)客服為您解疑答惑

聯(lián)系銷(xiāo)售

15899750475

在線(xiàn)咨詢(xún)

聯(lián)系在線(xiàn)客服，為您解答所有的疑問(wèn)

ARE YOU INTERESTED IN ?

感興趣嗎？

有關(guān)我們服務(wù)的更多信息，請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生

97超碰在线播放|美女自慰免费观看|亚洲无码三四五区|日韩无码分类大全|日本美女在线99|毛片网女人免费看|亚洲国产香蕉av|久久免费看片视频|超碰在线无码一区|玖玖中文字幕在线

網(wǎng)站開(kāi)發(fā)之前端：子div無(wú)法撐開(kāi)父親DIV