Css DIV元素没有一直向下到底部_Css_Html

Css DIV元素没有一直向下到底部

css html

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

我的页面上的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 ;">

        <img class="center" width="60%" src="Images/logo2.png">
        <BR>
        <img class="center imgborder" height="300" src="Images/muller.jpg">


        <P>...</P>

        <P>...</P>

        <P>...</P></Font><

        <iframe class="center" width="500" height="300" src="..." frameborder="5" 
                allowfullscreen></iframe></div>

</body>

</html>

请不要。重复您自己的问题：我编辑了html和css。您可以编辑您的问题。否则你总是会提出新的问题而不是编辑？你能在这里的评论中放一个链接到一个实时站点吗？

@charset "utf-8";

/* CSS Document*/

/*This section is for links*/
a:link
{
    font-weight:normal; color:crimson
}
a:visited
{
    font-weight:normal; color:Crimson;
}
a:hover
{
    font-weight:bold; color: Royalblue; font-variant:small-caps;
}
/*This section is for a paragraph section*/
p {
    font-style:normal; font-size:18px;
}
blue {
    color:crimson;
}
/*This section is for the image's black border.*/
.imgborder {
    border-color: crimson; border:thick; border-style:outset;
}
.body
{
    background-color: #0000FF;
}
html {
    height:100%;
}
body{
    height:100%;
    background-image:url('Images/background2.jpg');
    background-repeat:no-repeat;
    background-size:100%;
}
}
#wrapper {
    margin: 0 auto;
    width: 990px;
    height:100%;
    overflow:scroll;
    position:relative;
}

#navigation {
    margin: 0 auto;
    width: 990px;
    height: 55px;
    background-color: #fff;

}

#bottomHalf {
    margin: 0 auto;
    width: 990px;
    height: 100%;
    background-color: #4d3c37;


}
div { /* set div to full width and height */
    width: 100%;
    height: 100%;
}
p {
    margin-left:2cm; margin-right:2cm; font-family:"calibri"; color:crimson; font-size:16; text-align:justify;
}
table {
    color:crimson;
}
.center {
    margin: 0 auto;
}
img.center { 
    display: block; margin-left: auto; margin-right: auto; 
}
iframe.center {
    display: block; margin-left: auto; margin-right: auto; 
}