成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

解決div出現(xiàn)橫向滾動(dòng)條,背景色沒(méi)鋪滿問(wèn)題

XBaron / 2350人閱讀

摘要:如圖,初始情況,點(diǎn)擊菜單后出現(xiàn)的文字長(zhǎng)度超出原寬度,出現(xiàn)了滾動(dòng)條注意設(shè)置才會(huì)出現(xiàn)滾動(dòng)條,如果設(shè)成超出的文字會(huì)被隱藏,向右拉滾動(dòng)條發(fā)現(xiàn)背景沒(méi)鋪滿解決方式給最外層加樣式說(shuō)明注意是而不是,不然會(huì)出現(xiàn)其它錯(cuò)誤。

問(wèn)題描述(如圖):div等塊級(jí)元素默認(rèn)寬度為100%,當(dāng)頁(yè)面渲染完后其寬度已經(jīng)固定,這時(shí)候如果文字超出其寬度(如調(diào)用api后顯示的結(jié)果),我們?nèi)绻M涑霈F(xiàn)滾動(dòng)條,這時(shí)超過(guò)原寬度的部分背景可能跟文字背景不一樣。
如圖:
1,初始情況

2,點(diǎn)擊菜單后出現(xiàn)的文字長(zhǎng)度超出原div寬度,出現(xiàn)了滾動(dòng)條
(注意設(shè)置overflow: scroll才會(huì)出現(xiàn)滾動(dòng)條,如果設(shè)成hidden超出的文字會(huì)被隱藏)

3,向右拉滾動(dòng)條發(fā)現(xiàn)背景沒(méi)鋪滿

解決方式:
給最外層div加樣式:

min-width: max-content;
min-width: -moz-max-content;

說(shuō)明:注意是min-width而不是width,不然會(huì)出現(xiàn)其它錯(cuò)誤。

解決后的樣子:

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

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

相關(guān)文章

  • 解決div出現(xiàn)橫向滾動(dòng),背景色沒(méi)鋪滿問(wèn)題

    摘要:如圖,初始情況,點(diǎn)擊菜單后出現(xiàn)的文字長(zhǎng)度超出原寬度,出現(xiàn)了滾動(dòng)條注意設(shè)置才會(huì)出現(xiàn)滾動(dòng)條,如果設(shè)成超出的文字會(huì)被隱藏,向右拉滾動(dòng)條發(fā)現(xiàn)背景沒(méi)鋪滿解決方式給最外層加樣式說(shuō)明注意是而不是,不然會(huì)出現(xiàn)其它錯(cuò)誤。 問(wèn)題描述(如圖):div等塊級(jí)元素默認(rèn)寬度為100%,當(dāng)頁(yè)面渲染完后其寬度已經(jīng)固定,這時(shí)候如果文字超出其寬度(如調(diào)用api后顯示的結(jié)果),我們?nèi)绻M涑霈F(xiàn)滾動(dòng)條,這時(shí)超過(guò)原寬度的部分...

    zhaofeihao 評(píng)論0 收藏0
  • 解決chrome滾動(dòng)背景問(wèn)題

    摘要:而默認(rèn)的寬度沒(méi)有包含滾動(dòng)條的寬度。滾動(dòng)條底下的白色其實(shí)并不是滾動(dòng)條的背景色,而是由于的寬度并未鋪滿可視區(qū)域的留白。所以我們只要在上加一個(gè)即可解決這個(gè)問(wèn)題,但是這種情況下,會(huì)出現(xiàn)橫向的滾動(dòng)條。 大家都知道chrome可以自定義設(shè)置滾動(dòng)條的樣式,可以修改很多參數(shù)。主要的兩行樣式的代碼如下: ::-webkit-scrollbar{} ::-webkit-scrollbar-thumb{}...

    omgdog 評(píng)論0 收藏0
  • 瀏覽器元素尺寸與位置查詢指南

    摘要:前言這篇文章主要介紹了有關(guān)瀏覽器中獲取坐標(biāo)以及尺寸的幾種途徑算是比較全的一篇文章了在瀏覽器中獲取元素的坐標(biāo)以及尺寸是非常容易的有非常多種方式來(lái)完成這些需求但是雜亂的和很多兼容處理導(dǎo)致了瀏覽器中沒(méi)有直接的方式來(lái)獲取我們想要的結(jié)果仔細(xì)想想這個(gè)問(wèn) 前言 這篇文章主要介紹了有關(guān)瀏覽器中獲取坐標(biāo)以及尺寸的幾種途徑,算是比較全的一篇文章了. 在瀏覽器中獲取元素的坐標(biāo)以及尺寸是非常容易的,有非常多種...

    lei___ 評(píng)論0 收藏0
  • 今天,你的瀏覽器 “滾動(dòng)” 了嗎?

    摘要:今天,你的瀏覽器滾動(dòng)了嗎序在頁(yè)面中,一個(gè)有高度或者寬度的容器是最常見(jiàn)的構(gòu)成元素,而在其中的子元素有很大的概率超過(guò)父容器的尺寸限制,我們稱之為溢出。 今天,你的瀏覽器 滾動(dòng) 了嗎? 序 在 Web 頁(yè)面中,一個(gè)有高度或者寬度的容器是最常見(jiàn)的構(gòu)成元素,而在其中的子元素有很大的概率超過(guò)父容器的尺寸限制,我們稱之為溢出。而應(yīng)對(duì)溢出,隱藏或者滾動(dòng)是最常見(jiàn)的處理方式。滾動(dòng),作為 FEers 最經(jīng)常...

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

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

0條評(píng)論

閱讀需要支付1元查看
<