一切看起来都很好(宽度为屏幕的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。 –