-2

我有一个 div 元素，其中包含我的所有内容，包括页面底部的视频。我的问题是，当我尝试向下滚动查看视频时，它只到达大约一半，并且拒绝进一步向下滚动。

<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="http://www.youtube.com/embed/DooYpt9Gu1s" frameborder="5" 
allowfullscreen></iframe></Center>
<Font size="5" color="crimson" face="Calibri"><P>Thomas Muller</P></font>



</div>
</body>
</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 , body{height:100%;}
#wrapper {
    margin: 0 auto;
    width: 990px;
    height:100%;
    overflow:hidden;
    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;
}
4

1 回答 1

1

你需要overflow:hidden;从你的#wrapper班级中删除。

此外，您正在使用许多已弃用且自 HTML5 起不再支持的元素和属性，例如<center>和<font>（以及类似的属性align），我建议将它们替换为它们的 CSS 等效项。

于 2013-05-04T16:09:52.770 回答