2014-01-28 33 views
-1

一切看起来都很好(宽度为屏幕的100%),直到我将页面的高度增加到大于屏幕的高度。之后,宽度增加到1925像素,即使屏幕分辨率是1920px screenshot。请帮帮忙,我不是复制代码,现在,因为这个问题可以在任何地方当我将高度增加到大于屏幕高度时,HTML文档宽度超过100%

HTML:

<!DOCTYPE html> 
<html> 
<head> 
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700&subset=latin,latin -ext' rel='stylesheet' type='text/css'> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
    <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
    <title></title> 
</head> 
<body style="background-color: #f3f3f3; margin: 0; padding: 0;"> 
    <div id="topbar_bg"> 
     <div id="topbar_content"> 
      <img src="C:\Users\User\Dropbox\+HOROS code\img\logo.png"; style="margin-top: 18px"> 
      <ul id="menu"> 
      <li>PASLAUGOS</li> 
      <li>APIE MUS</li> 
      <li>DRAUGAI</li> 
      <li>BLOGAS</li> 
      <li>KONTAKTAI</li> 
      </ul> 
      <ul id="social"> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\fb.png"></li> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\twitter.png"></li> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\g+.png"></li> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\yt.png"></li> 
      </ul> 
      <Div style="position: relative; margin-top: -70px;"> 
      <ul id="kalbos"><li style="color: #ecb315">LT</li><li>EN</li> 
      </div> 
     </div> 
    </div> 
    <div id="Pradinis"> 
     <img src="C:\Users\User\Dropbox\+HOROS code\img\akvedukas.png" style="box-shadow: 0px 1px #dcdcdc; margin-top: -7px;"> 
     <div id="PradinisContent"> 
      <div id="slogan"> 
       <p>From Possibility <br /> to Reality</p> 
      </div> 
      <div id="intro"> 
       <h1>HOROS</h1> 
       <p>Human Resources Solutions</p> 
      </div> 
     </div> 
    </div> 
    <div id="Paslaugos"> 
     <div id="paslaugosContent"> 
      <p class="Pavadinimas">HOROS siūlo šias paslaugas:</p> 
     </div> 
    </div> 
</body> 

CSS:

http://pastebin.com/UxCrT4MR

+0

怎么样发布一些实际的代码,供人看?就像你说的,问题可能在任何地方。给我们一些工作。 –

+0

如果你可以发布你的代码,那么我们击球手帮助你.. –

+1

这是因为你的CSS和滚动条。你做错了什么,并告诉我们究竟需要看到你的CSS。 –

回答

0

当您增加高度,出现垂直滚动条以便让您查看整个页面。由于您的宽度也是100%,因此也会出现水平滚动条,以便补偿垂直滚动条的宽度。

+0

我添加了代码,你可以检查一下,我可以改变这个工作吗? – user3241620

1

滚动条导致显示区域小于实际页面大小。

看到你的代码真是太好了,它肯定会让更多的人帮助你知道你是如何实现它的。

我的猜测是,您需要删除1920px的固定像素宽度,并将其设置为100%,或者更像桌面屏幕友好的像960像素。

+0

谢谢,添加了代码 – user3241620

+0

尽管如此,任何地方的宽度设置为100%,如果你可以检查我的代码将是伟大的 – user3241620

0

使宽度响应,而不是固定

@media