当我将高度增加到大于屏幕高度时，HTML文档宽度超过100%_Html_Css_Web

当我将高度增加到大于屏幕高度时，HTML文档宽度超过100%

html css web

当我将高度增加到大于屏幕高度时，HTML文档宽度超过100%,html,css,web,Html,Css,Web,一切看起来都很好（宽度是屏幕的100%），直到我将页面的高度增加到大于屏幕的高度。之后，宽度增加到1925像素，即使屏幕分辨率为1920像素。请帮助，我现在没有复制代码，因为问题可能在任何地方 HTML: 帕斯劳戈斯蜂房德劳盖布洛加斯康塔泰 LT 从可能性到现实霍罗斯人力资源解决方案帕瓦迪尼马斯之路 CSS: 当您增加高度时，会出现一个垂直滚动条，以便您查看整个页面。由于您的宽度也是100%，因此也会出现一个水平滚动条，以补偿垂直滚动条的宽度。滚动条导致显示区

一切看起来都很好（宽度是屏幕的100%），直到我将页面的高度增加到大于屏幕的高度。之后，宽度增加到1925像素，即使屏幕分辨率为1920像素。请帮助，我现在没有复制代码，因为问题可能在任何地方

HTML:



帕斯劳戈斯
蜂房
德劳盖
布洛加斯
康塔泰







LT

从可能性到现实
霍罗斯
人力资源解决方案
帕瓦迪尼马斯之路

CSS:

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

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

看到您的代码将非常棒，它肯定会让更多的人帮助您了解您是如何实现它的

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

使宽度响应，而不是使用

@媒体

发布一些真实的代码给人们看怎么样？就像你说的，问题可能在任何地方。给我们一些可以使用的东西。如果你能发布你的代码，我们将帮助你。这是因为你的CSS和滚动条。你做错了什么，为了告诉我们到底需要什么来查看你的CSS。添加了CSS和html代码我也有同样的问题。检查此链接，它可能会对您有所帮助。Everywhere width设置为100%，但是，如果你可以检查我的代码，这将是greatI添加的代码，你可以检查它，我可以改变什么，使这项工作？

<!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>