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

資訊專欄INFORMATION COLUMN

父元素隨子元素寬度自動撐開問題, 父元素overflow: auto; 有滾動條時

tomlingtm / 2862人閱讀

摘要:直接上代碼這里我用了得到的效果這里本來想要的是里面的元素要隨著它的子集的寬度變化而自動撐滿但是得到的效果則是元素寬度與的寬度一致這里我分析是因為得到了它父元素的可視寬度于是想要的效果卒當然這里是可以用來計算最里面的寬度然后給賦值的我沒有這樣

直接上代碼:

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

得到的效果

這里本來想要的是 里面的child元素要隨著它的子集div的寬度變化而自動撐滿, 但是得到的效果 則是child元素寬度與father的寬度一致, 這里我分析是因為 width得到了它父元素的可視寬度. 于是想要的效果 卒!!!.
當然這里是可以用js來計算最里面的寬度然后給child賦值的. 我沒有這樣做是因為js的成本要比css的成本高很多.
然后到Stack Overflow上面搜索我想要的答案. 這里說一下, 程序上的問題還是要多上Stack Overflow查靠譜很多.

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

滾動條拖到最后面也是一樣撐開.

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/94672.html

相關文章

  • 元素隨子元素寬度自動撐開問題, 元素overflow: auto; 滾動條時

    摘要:直接上代碼這里我用了得到的效果這里本來想要的是里面的元素要隨著它的子集的寬度變化而自動撐滿但是得到的效果則是元素寬度與的寬度一致這里我分析是因為得到了它父元素的可視寬度于是想要的效果卒當然這里是可以用來計算最里面的寬度然后給賦值的我沒有這樣 直接上代碼: // css 這里我用了sass .father { width: 20...

    ixlei 評論0 收藏0
  • 解決滾動條突然出現導致的頁面錯位問題

    摘要:而滾動條的突然出現,會讓子元素統統向左抖了一下。解決方案一滾動條常駐不完美但也還行滾動條常駐,或者滾動條消失,都是為了避免滾動條從無到有這個突發過程。  有時候在一個寬高固定的容器中,需要加載更多內容,如果設置了overflow:auto,加載更多內容時,子元素的大小超過父容器,就會出現滾動條。而滾動條的突然出現,會讓子元素統統向左抖了一下。效果如下:      先來復習一下ov...

    617035918 評論0 收藏0
  • 解決滾動條突然出現導致的頁面錯位問題

    摘要:而滾動條的突然出現,會讓子元素統統向左抖了一下。解決方案一滾動條常駐不完美但也還行滾動條常駐,或者滾動條消失,都是為了避免滾動條從無到有這個突發過程。 有時候在一個寬高固定的容器中,需要加載更多內容,如果設置了overflow:auto,加載更多內容時,子元素的大小超過父容器,就會出現滾動條。而滾動條的突然出現,會讓子元素統統向左抖了一下。效果如下: 先來復習一下overflow的...

    timger 評論0 收藏0
  • 解決滾動條突然出現導致的頁面錯位問題

    摘要:而滾動條的突然出現,會讓子元素統統向左抖了一下。解決方案一滾動條常駐不完美但也還行滾動條常駐,或者滾動條消失,都是為了避免滾動條從無到有這個突發過程。 有時候在一個寬高固定的容器中,需要加載更多內容,如果設置了overflow:auto,加載更多內容時,子元素的大小超過父容器,就會出現滾動條。而滾動條的突然出現,會讓子元素統統向左抖了一下。效果如下: 先來復習一下overflow的...

    Faremax 評論0 收藏0
  • 解決滾動條突然出現導致的頁面錯位問題

    摘要:而滾動條的突然出現,會讓子元素統統向左抖了一下。解決方案一滾動條常駐不完美但也還行滾動條常駐,或者滾動條消失,都是為了避免滾動條從無到有這個突發過程。 有時候在一個寬高固定的容器中,需要加載更多內容,如果設置了overflow:auto,加載更多內容時,子元素的大小超過父容器,就會出現滾動條。而滾動條的突然出現,會讓子元素統統向左抖了一下。效果如下: 先來復習一下overflow的...

    hedzr 評論0 收藏0

發表評論

0條評論

tomlingtm

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<