html，body和footer下方的空白区域

Question

我正在为http://kissanime.ru编辑Chrome时尚主题，我现在已经掌握了我想要的一切，但是在页面末尾有这个空间，我无法弄清楚如何删除。我环顾四周但没有任何帮助。此外，只有在显示视频的剧集页面上才会发生这种情况，就我所知，它似乎无法在任何其他页面上进行。

由于我没有正确的html，我会说我一直在使用F12检查元素菜单来查看html，这是我能用现有的编辑网站知识给出的最好的的CSS。

以下是现在的截图： https://i.imgur.com/Kyhev05.png

正如你所看到的那样，我无法找到如何移除的大块空间。任何人都可以帮我这个吗？

我也在chrome btw上查看了110％的页面。

这是css。

@font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
    }
    html, body {
        background: none !important;
        background-color: #212121 !important;
        height: initial !important;
        font-family: 'Roboto' !important;
    }
    body > #containerRoot {
        min-height: initial !important;                                         
    }
    .divCloseBut {
        display: none !important;
    }
    .bigBarContainer .barTitle {
        display: none;
    }
    .arrow-general {
        display: none;
    }
    .bigBarContainer {
        background: none;
        border: none;
        margin-bottom: initial;
        padding: initial;
        background-color: rgba(17, 17, 17, 0.6);
    }
    .barContent {
        background: none;
        padding: 12px;
    }
    #spanBookmark {
        display: none;
    }
    div#leftside > div:nth-of-type(2) > div.barContent.episodeList > div:nth-child(2) > div:nth-child(-n+6) {
        display: none !important;
    }
    .listing th {
        border-bottom: 1px solid #999999;
    }
    #containerRoot > div:nth-child(12),
    #containerRoot > div:nth-child(14) {
        display: none !important;
    }
    #fbComments {
        display: none;
    }
    .dotUnder {
        border: none;
    }
    #footer {
        top: initial !important;
        background: none;
        height: initial;
        padding: 20px;
    }
    #footcontainer {
        text-align: center;
    }
    #footcontainer p {
        margin: initial;
    }
    #head {
        padding-left: 40px;
        width: initial;
    }
    #containerRoot > div:nth-child(11) {
        height: initial !important;
    }
    .banner {
        border: none;
        background: none;
        background-color: rgba(17, 17, 17, 0.6);
    }
    .details a img {
        border-color: transparent;
        padding: initial;
    }
    .details a img:hover {
        border-color: #2BAF2B;
    }
    div.items img {
        border-color: transparent;
    }
    div.items img:hover {
        border-color: #A3E9A4;
    }
    #subcontent {
        border: none;
        background: none;
        background-color: rgba(17, 17, 17, 0.6);
    }
    #subcontent div div {
        width: 98%;
        background: none;
    }
    #subcontent div div.blue {
        width: 98%;
        background: none;
    }
    #tab-newest div:nth-child(-n+10) div:nth-child(5) {
        display: none;
    }
    #tab-trending div:nth-child(-n+10) div:nth-child(5) {
        display: none;
    }
    #tab-mostview div:nth-child(-n+10) div:nth-child(5) {
        display: none;
    }
    .scrollable {
        overflow-y: initial;
        height: 240px;
    }
    input.text {
        border: none;
        background: none;
        background-color: #333333;
        margin-right: 6px;
    }
    #search input.text {
        padding: 4px;
        width: 83% !important;
    }
    #result_box {
        background-color: #333333;
        padding: 5px;
        border-bottom-right-radius: initial;
        border-bottom-left-radius: initial;
        width: 75%;
        left: 56px !important;
    }
    #result_box a:hover {
        padding: 0px 5px;
        margin-left: -5px;
    }
    #formSearch div:nth-child(3) {
        width: initial !important;
    }
    #formSearch div:first-of-type a:nth-child(n+21) {
        display: none;
    }
    input#imgSearch.button {
        background-color: #B1CA05 !important;
        display: none !important;
    }
    #subcontent div a img {
        padding: initial;
        border-color: transparent;
    }
    #subcontent div a img:hover {
        padding: initial;
        border-color: #A3E9A4;
    }
    .tooltip {
        background: none !important;
        background-color: rgba(17, 17, 17, 0.9) !important;
        height: auto !important;
        width: auto !important;
        padding: 10px !important;
        font-size: 13px !important;
    }
    .tooltip div:first-of-type {
        width: 400px !important;
    }
    #navsubbar {
        background: none;
        width: 1729.3px;
    }
    #navsubbar p {
        background: none;
        width: 969.3px;
    }
    #navcontainer li a#currentTab {
        background: none;
        background-color: #42BD41;
    }
    #navcontainer a:link, #navcontainer a:visited {
        background: none;
        background-color: #BDBDBD;
        width: 106.789px;
    }
    #navcontainer a:hover {
        background: none;
        background-color: #EEEEEE;
    }
    div.pagination {
        margin: initial;
    }
    div.pagination ul.pager li {
        margin: 0px 0px 0px 1px;
        background: none;
        background-color: white;
        border-color: transparent;
    }
    div.pagination ul.pager li a {
        padding: 4px 8px;
    }
    div.pagination ul.pager li a:hover {
        background: none;
        background-color: #999999;
        padding: 4px 8px;
        border-color: transparent;
    }
    div.pagination ul.pager li.current {
        background: none;
        background-color: #999999;
        padding: 4px 8px;
        border-color: transparent;
    }
    #formSearch div:nth-of-type(3) a img {
        display: none;
    }
    #topHolderBox {
        background: none;
        padding-top: initial;
        width: initial !important;
    }
    #topHolderBox img {
        display: none;
    }
    .bigChar {
        color: #72D572;
        letter-spacing: normal;
    }
    a {
        color: #72D572;
    }
    a:hover {
        color: #A3E9A4;
    }
    #tabmenucontainer li a.tabactive {
        color: #FFF;
        background: none;
        background-color: #42BD41;
    }
    #tabmenucontainer a:link, #tabmenucontainer a:visited {
        color: #1C1C1C;
        background: none;
        background-color: #BDBDBD;
    }
    #tabmenucontainer a:hover {
        color: #1C1C1C;
        background: none;
        background-color: #EEEEEE;
    }
    #tabmenucontainer li {
        text-indent: unset;
    }
    #tabmenucontainer ul {
        /*font-weight: bold;*/
    }

    /*font change start*/
    h1, h2, h3, h4 {
        font-family: 'Roboto' !important;
    }
    .details {
        font-family: 'Roboto';
    }
    .bigChar {
        font-family: 'Roboto';
    }
    #navcontainer ul {
        font-family: 'Roboto';
    }
    #tabmenucontainer ul {
        font-family: 'Roboto';
    }
    #subcontent div div {
        font-family: 'Roboto';
    }
    .title {
        font-family: 'Roboto';
    }
    #subcontent span.title {
        font-family: 'Roboto';
    }
    #topHolderBox {
        font-family: 'Roboto';
    }
    input.text {
        font-family: 'Roboto';
    }
    #result_box {
        font-family: 'Roboto';
    }
    /*font change end*/

    #result_box a {
        line-height: normal;
    }
    .listing tbody tr td a:hover {
        color: #A3E9A4;
    }

    #nextEpisodeCountDown {
        color: #72D572 !important;
    }
    .episodeList td a:visited {
        color: #216E21;
    }
    .specialButton {
        border-radius: 0px !important;
        box-shadow: none !important;
        text-shadow: none !important;
        background: none !important;
        font-family: 'Roboto' !important;
        background-color: #42BD41 !important;
        border: none !important;
    }
    .specialButton:hover {
        background-color: #349433 !important;
    }
    #containerRoot > div:nth-child(20) {
        background-color: #212121 !important;
    }
    select {
        border: 1px solid #393939;
    }
    button#playerChoose {
        border-radius: 0px !important;
        text-shadow: none;
        background-color: #42BD41;
    }
    button#playerChoose:hover {
        background-color: #349433;
    }
    .barTitle {
        background: none;
        font-family: 'Roboto';
        letter-spacing: normal;
        padding-right: 10px;
        padding-left: 13px;
        background-color: #42BD41;
    }
    .scrollable_title {
        letter-spacing: normal;
    }
    a.prev, a.prev:hover {
        background: url(https://i.imgur.com/hrwRsig.png);
    }
    a.next, a.next:hover {
        background: url(https://i.imgur.com/xaR51zB.png);
    }
    #navbar {
        background: none;
    }
    #navsubbar p {
        background-color: #42BD41;
    }
    div.navi {
        margin-right: 10px;
    }
    #divAds, #divAds2 {
        display: none;
    }
    .alphabet {
        background: none !important;
    }
    #footcontainer p a:hover {
        color: #A3E9A4;
    }
    .barContent > div:only-child > div:nth-child(11) {
        border: none !important;
        background: none !important;
    }
    #divComments > div:first-child > div:nth-child(2),
    #leftside > div.bigBarContainer:nth-child(7) > div.barContent.episodeList > div:nth-child(2) > div:first-child {
        color: #D32F2F !important;
    }

    .rightBox {
    border: none;
    background: none;
    background-color: rgba(17, 17, 17, 0.6);
    width: auto;
    padding: 0;
}
#rightside > div.rightBox:first-child .barContent div:nth-child(2) {
    color: #D32F2F !important;
}

    /* ad/div hider start */
    iframe#adsIfrme1,
    iframe#adsIfrme6,
    iframe#adsIfrme7,
    iframe#adsIfrme8,
    iframe#adsIfrme9,
    iframe#adsIfrme10 {
        visibility: hidden;
        height: 0;
    }
    .barContent > div:only-child > div:nth-child(2),
    .barContent > div:only-child > div:nth-child(3),
    .barContent > div:only-child > div:nth-child(4),
    .barContent > div:only-child > div:nth-child(9),
    .barContent > div:only-child > div:nth-child(17),
    .barContent > div:only-child > div:nth-child(20),
    .barContent > div:only-child > div:nth-child(22),
    .barContent > div:only-child > div:nth-child(23) {
        display: none !important;
    }
    /* ad/div hider end */


    /* extra space removel */
#adsIfrme7 {
    height: 0 !important;
}

#adsIfrme10 > div.clear {
    height: 0 !important;
}

#head h3 {
    margin: 30px 0 0 30px;
}

#topHolderBox {
    margin: -25px 0 0 0;
}

#formSearch > div:nth-child(3),
#formSearch > div:nth-child(4) {
    margin: -100px 0 0 0 !important;
}

#containerRoot > div:nth-child(18) {
    height: 75px !important;
}

.clear,
.clear2 {
    height: 0 !important;
}
    /* extra space removel end */

Answer 1

样式名称是什么？我现在在userstyles.org。告诉我主题，我会尝试在本地修复它。

<强>更新 Nvm，发现它。这是＆＃34;最小的KissAnime＆＃34;。要删除黑色＆＃34;大块空间＆＃34;，请转到该样式并添加以下代码：

//a utility to resolve with { key: Promise<value> } mappings + pretty much everything you throw at it.
//warning: doesn't resolve promises in nested structures (by design), 
//stuff like {key: { foo: Promise<value> }}
//ideally you'd put that in a seperate module since it can be handy in many places.
function resolve(obj){
    if(Array.isArray(obj)
        return Promise.all(obj);

    if(typeof obj === "function")
        return Promise.resolve().then(obj);

    if(!obj || typeof obj !== "object" || "then" in obj && typeof obj.then === "function")
        return Promise.resolve(obj);

    var keys = Object.keys(obj);
    return Promise.all( keys.map(k => obj[k]) )
        .then(values => combine(keys, values));
}

//takes two Arrays, a matching set of keys and values and combines that into an object.
function combine(keys, values){
    return keys.reduce((acc, key, index) => {
        acc[key] = values[index];
        return acc;
    }, {});
}

const assignTo = target => source => Object.assign(target, source);

//in this case we use assign all async values outside of the constructor
function constructor(){ 
    this.userId = null;
    this.userName = null;
}

function createById(userId){
    return resolve({
        userId: NativeStorage.getItem('userId'),
        userName: NativeStorage.getItem('userName'),
        //...
    }).then(
        assignTo( new YourClass() ),
        error => console.error(error)
    )
}

更新2： 我想我误解了你的问题。我以为你在谈论视频播放器。是的，当你向下滚动时，会有很多空间，几乎就像整页一样。问题是，当我再次向上滚动（没有刷新），然后再向下滚动时，没有这么大的空间。我个人认为是因为广告正在加载并且未正确加载。对不起，我不认为这是风格问题，而是网页本身。