国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

父元素隨子元素寬度自動(dòng)撐開(kāi)問(wèn)題, 父元素overflow: auto; 有滾動(dòng)條時(shí)

ixlei / 835人閱讀

摘要：直接上代碼這里我用了得到的效果這里本來(lái)想要的是里面的元素要隨著它的子集的寬度變化而自動(dòng)撐滿但是得到的效果則是元素寬度與的寬度一致這里我分析是因?yàn)榈玫搅怂冈氐目梢晫挾扔谑窍胍男Ч洚?dāng)然這里是可以用來(lái)計(jì)算最里面的寬度然后給賦值的我沒(méi)有這樣

直接上代碼:


    
    
        

    




// css 這里我用了sass
.father {
    width: 200px; height: 400px; border: 1px solid red; overflow: auto;
    .child {
        background: #ccc;
        div {
            width: 400px; height: 900px;
        }
    }
}

得到的效果

這里本來(lái)想要的是 里面的child元素要隨著它的子集div的寬度變化而自動(dòng)撐滿, 但是得到的效果 則是child元素寬度與father的寬度一致, 這里我分析是因?yàn)?width得到了它父元素的可視寬度. 于是想要的效果 卒!!!.
當(dāng)然這里是可以用js來(lái)計(jì)算最里面的寬度然后給child賦值的. 我沒(méi)有這樣做是因?yàn)閖s的成本要比css的成本高很多.
然后到Stack Overflow上面搜索我想要的答案. 這里說(shuō)一下, 程序上的問(wèn)題還是要多上Stack Overflow查靠譜很多.

.father {
    width: 200px; height: 400px; border: 1px solid red; overflow: auto;
    .child {
        background: #ccc; 
        min-width: 100%; display: inline-block; // 這里加上這兩個(gè)屬性
        div {
            width: 400px; height: 900px;
        }
    }
}

滾動(dòng)條拖到最后面也是一樣撐開(kāi).

還有一種是 給child元素加上display:table; 屬性也是可以的.

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/113163.html

相關(guān)文章

  • 父元素隨子元素寬度自動(dòng)撐開(kāi)問(wèn)題, 父元素overflow: auto; 有滾動(dòng)條時(shí)

    摘要：直接上代碼這里我用了得到的效果這里本來(lái)想要的是里面的元素要隨著它的子集的寬度變化而自動(dòng)撐滿但是得到的效果則是元素寬度與的寬度一致這里我分析是因?yàn)榈玫搅怂冈氐目梢晫挾扔谑窍胍男Ч洚?dāng)然這里是可以用來(lái)計(jì)算最里面的寬度然后給賦值的我沒(méi)有這樣 直接上代碼: // css 這里我用了sass .father { width: 20...

    tomlingtm 評(píng)論0 收藏0

  • 解決滾動(dòng)條突然出現(xiàn)導(dǎo)致的頁(yè)面錯(cuò)位問(wèn)題

    摘要：而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。解決方案一滾動(dòng)條常駐不完美但也還行滾動(dòng)條常駐，或者滾動(dòng)條消失，都是為了避免滾動(dòng)條從無(wú)到有這個(gè)突發(fā)過(guò)程。　　有時(shí)候在一個(gè)寬高固定的容器中，需要加載更多內(nèi)容，如果設(shè)置了overflow:auto，加載更多內(nèi)容時(shí)，子元素的大小超過(guò)父容器，就會(huì)出現(xiàn)滾動(dòng)條。而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。效果如下： 　　 　　先來(lái)復(fù)習(xí)一下ov...

    617035918 評(píng)論0 收藏0

  • 解決滾動(dòng)條突然出現(xiàn)導(dǎo)致的頁(yè)面錯(cuò)位問(wèn)題

    摘要：而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。解決方案一滾動(dòng)條常駐不完美但也還行滾動(dòng)條常駐，或者滾動(dòng)條消失，都是為了避免滾動(dòng)條從無(wú)到有這個(gè)突發(fā)過(guò)程。 有時(shí)候在一個(gè)寬高固定的容器中，需要加載更多內(nèi)容，如果設(shè)置了overflow:auto，加載更多內(nèi)容時(shí)，子元素的大小超過(guò)父容器，就會(huì)出現(xiàn)滾動(dòng)條。而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。效果如下： 先來(lái)復(fù)習(xí)一下overflow的...

    timger 評(píng)論0 收藏0

  • 解決滾動(dòng)條突然出現(xiàn)導(dǎo)致的頁(yè)面錯(cuò)位問(wèn)題

    摘要：而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。解決方案一滾動(dòng)條常駐不完美但也還行滾動(dòng)條常駐，或者滾動(dòng)條消失，都是為了避免滾動(dòng)條從無(wú)到有這個(gè)突發(fā)過(guò)程。 有時(shí)候在一個(gè)寬高固定的容器中，需要加載更多內(nèi)容，如果設(shè)置了overflow:auto，加載更多內(nèi)容時(shí)，子元素的大小超過(guò)父容器，就會(huì)出現(xiàn)滾動(dòng)條。而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。效果如下： 先來(lái)復(fù)習(xí)一下overflow的...

    Faremax 評(píng)論0 收藏0

  • 解決滾動(dòng)條突然出現(xiàn)導(dǎo)致的頁(yè)面錯(cuò)位問(wèn)題

    摘要：而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。解決方案一滾動(dòng)條常駐不完美但也還行滾動(dòng)條常駐，或者滾動(dòng)條消失，都是為了避免滾動(dòng)條從無(wú)到有這個(gè)突發(fā)過(guò)程。 有時(shí)候在一個(gè)寬高固定的容器中，需要加載更多內(nèi)容，如果設(shè)置了overflow:auto，加載更多內(nèi)容時(shí)，子元素的大小超過(guò)父容器，就會(huì)出現(xiàn)滾動(dòng)條。而滾動(dòng)條的突然出現(xiàn)，會(huì)讓子元素統(tǒng)統(tǒng)向左抖了一下。效果如下： 先來(lái)復(fù)習(xí)一下overflow的...

    hedzr 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<