html、正文和页脚下方的空白

我正在编辑一个chrome时尚主题，现在我已经得到了我想要的一切，但是页面末尾的这个空间我不知道如何删除。我环顾了四周，但没有任何帮助。而且，这种情况只会发生在视频播放的插曲页面上，据我所知，在其他任何页面上似乎都不会发生

由于我没有合适的html，我会说我一直在使用F12 inspect元素菜单来查看html，这是我目前编辑网站css的知识所能提供的最好的

下面是它现在的屏幕截图：

正如你所看到的，有一大块空间我不知道如何移除。有人能帮我吗

我也在chrome浏览器上以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 */

---

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

更新： Nvm，找到了。这是“最低限度的接吻动画”。要删除黑色“大块空间”，请转到样式并添加以下代码：

.video-js {
 background-color: transparent !important;
}

更新2:

---

我想我误解了你的问题。我以为你说的是视频播放器。是的，当你向下滚动时，有很大的空间，几乎就像一整页。问题是，当我再次向上滚动（没有刷新），然后再向下滚动时，没有这么大的空间。就我个人而言，我认为这是因为正在加载的广告没有正确加载。很抱歉，但我认为这不是样式问题，而是网页本身。

请只提供必要的css。我们需要了解strucutreI的html代码，我现在已经使用F12菜单查看html了。我将用这些信息更新这个问题。要回答sysix，我不知道css需要什么和不需要什么。如果我自己构建css，我会知道，但我只是使用了一个由其他人构建的主题，并根据我自己的需要编辑它。这是一个经过编辑的主题，修复了一些图片和东西。抱歉迟了回复，顺便说一句，你说的代码不适合我，除非我没有把它放在正确的地方。我想你的意思是把样式添加到css的末尾？是的，当你想修改别人的样式时，你就把代码放在末尾。另外，正如我提到的，我认为这不是风格问题，而是页面本身的问题。在不刷新的情况下上下滚动，空间就会消失。可能是因为广告。我又测试了一次，甚至不需要上下滚动。只要等待页面完成加载，一切都会好起来。是的，我真的无法理解这一点。我只是试着禁用我的广告拦截器，看看你说的这整页内容，我得到了同样的结果。如果你安装ublock origin并禁用任何其他AdBlock，并且只使用ublock，那么它看起来与我的屏幕截图一样。我想我刚刚弄明白了它为什么这么做。如果我关掉我的广告拦截器，那么广告就会显示出来，它会打到页面的底部，这就是推动身体向下的原因。如果你重新打开广告拦截器，那么广告就消失了，但广告的下压仍然存在