我無法向下滾動我的網站上的所有內容

-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; 
}

來源

2013-05-04 user2350028

聽起來像你有溢出：隱藏的CSS規則在您的HTML或正文元素 – 2013-05-04 16:03:21

您能至少爲我們提供您的網站名稱嗎？ – lifetimes 2013-05-04 16:03:48

它不在線。 – user2350028 2013-05-04 16:04:31

您需要從#wrapper類別中刪除overflow:hidden;。

此外，您使用的許多元素和屬性已過時，不再作爲HTML5的支持，如<center>和<font>（以及像align屬性），我會建議他們CSS等同替換這些。

來源

2013-05-04 16:09:52 lifetimes

非常感謝。你偶然知道我是如何解決現在突然冒出來的新問題的？我的頁面底部如下所示： http://i.imgur.com/9lq2Hrl.jpg – user2350028 2013-05-04 16:14:48

如何進一步擴展我的div元素？ – user2350028 2013-05-04 16:15:28

它已經在裏面了。我只有一個div。 – user2350028 2013-05-04 16:20:03

我無法向下滾動我的網站上的所有內容

回答

相關問題