一切看起來都很好(寬度爲屏幕的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:
怎麼樣發佈一些實際的代碼,供人看?就像你說的,問題可能在任何地方。給我們一些工作。 –
如果你可以發佈你的代碼,那麼我們擊球手幫助你.. –
這是因爲你的CSS和滾動條。你做錯了什麼,並告訴我們究竟需要看到你的CSS。 –