18910140161

HTML-两个<div>元素之间不需要的垂直间距(其中一个元素包含<iframe>元素)-堆栈溢出

顺晟科技

2022-10-19 12:14:06

114

我有一个问题,在两个元素之间有不必要的垂直间距。其中一个包含一个元素,在我看来,它被卡住了。 但是,这种情况只发生在较大的屏幕(>15英寸)上,而在较小的屏幕上是可以的。屏幕尺寸越大,间距就越大。请帮助,我在死胡同里。

代码:

  <p class="w3-text-grey"><b><i>Zadatak 3.</i></b>
            Ispitati konvergenciju funkcionalnog niza \( f_n(x) = \frac{1}{n^2+x^2}\).
            </p>
            <div class="embed-responsive embed-responsive-16by9" >
              <iframe scrolling="no" title="Vežba 5" src="https://www.geogebra.org/material/iframe/id/e6jpyxer/width/1580/height/871/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false" style="border:0px; max-width:1000px; max-height:558px" allowfullscreen> </iframe>
            </div>
            <!--Here is the unwanted spacing! -->
            <div class="container-fluid float-left">   <!-- Button  Rešenje -->
              <a href="#zadatak3" class="btn btn-secondary" data-toggle="collapse"><i>Rešenje</i></a>
              <div id="zadatak3" class="collapse">
                <p class="w3-text-grey">
                  <br>
                  Već posmatrajući grafik niza, može se izvesti zaključak da je granična funkcija ovog niza \( f(x) = 0\).
                  <br>
                  Zaista, kako je \( |f_n(x)| \leq \frac{1}{n^2}\) \( \forall x\in \mathbf{R} \), biće \( \displaystyle\lim_{n \to \infty }{\sup_{x\in \mathbf{R}}{|f_n(x)-f(x)|}}= \) \( \displaystyle\lim_{n \to \infty }{\sup_{x\in \mathbf{R}}{\Bigg|\frac{1}{n^2+x^2}\Bigg|}}=  \)
                  \( \displaystyle \lim_{n \to \infty}\frac{1}{n^2}=0\).
                  Dakle \(f_n\rightrightarrows f\).
                  <br>
                  <br>
                </p>
              </div>
            </div>

链接到有问题的页面: http://alas.matf.bg.ac.rs/~ml05184/strana2.html

以下是屏幕截图


顺晟科技:

@Viira哇,谢谢!

我已经编辑了填充,将其设置为iframe元素的实际高度,它工作得很好。

这是因为您的元素有padding-top值。尝试设置大屏幕

注意:

在px中设置填充后,在较大屏幕上的结果将如下所示

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航