Html DIV元素并没有覆盖其所有内容_Html_Css

Html DIV元素并没有覆盖其所有内容

html css

Html DIV元素并没有覆盖其所有内容,html,css,Html,Css,我的页面上的div有问题。这是我仅有的一本，它覆盖了我的页面中间。在CSS中做了一些调整，我使它一直向下但问题是视频（在div元素中）是这样偷偷溜出来的：以下是HTML： <html> <head> <link rel="shortcut icon" href="Images/favicon.ico" /> <link rel="stylesheet" type="text/css" href="Style.css" media="screen"

我的页面上的div有问题。这是我仅有的一本，它覆盖了我的页面中间。在CSS中做了一些调整，我使它一直向下

但问题是视频（在div元素中）是这样偷偷溜出来的：

以下是HTML：

<html>
<head>
 <link rel="shortcut icon" href="Images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
    <title>Arthur</title>
    <meta content="text/html" charset="windows-1251">
    </head>
<Body background="Images/background2.jpg">
<A Href="main.html"><IMG class="imgborder" src="Images/button.png" align="left"      height="50"></A>
<div id="wrapper" style="background-color:black; width:60%; margin-left: auto ; margin-right: auto ;">

<center><img width="60%" src="Images/logo2.png"></center>
<BR><BR>
<center><img class="imgborder" height="300" src="Images/muller.jpg"></center>
<Font size="5" color="crimson" face="Calibri">

<Center><P align="justify">... </P>

<P align="justify">...</P>

<P align="justify">...</P></Font></Center>



<Center><iframe width="640" height="360" src="..." frameborder="5" 
allowfullscreen></iframe></Center>
<Font size="5" color="crimson" face="Calibri"><P>Thomas Muller</P></font>



</div>
</body>
</html>

我能想到的唯一解决方案是手动调整黑色边框的高度，或者添加一个

overflow: hidden;

属性设置为框架（在您相当难以理解的标记系统中，我相信它应该是

）

现在，

元素从其父容器（黑盒）溢出。通过指定此框的高度，可以控制其大小

通过指定

overflow:hidden

，可以隐藏框的溢出-从而执行以下两项操作之一：

隐藏从长方体中泄漏的任何内容，防止大于长方体大小的元素显示看起来被容器边缘“未绑定”的部分

如果使用语义HTML正确选择元素，许多不受

高度

和

宽度

约束的元素将自动调整大小以适应其内容

另一种可能的解决方案是为容器及其子容器指定

position:relative

和/或

float:none

，这有时可以解决问题

再次强调，我们很难测试和调试您提供给我们的代码，因为它实际上已经过时了。

我能想到的唯一解决方案是手动调整黑框的高度，或者添加一个

overflow: hidden;