Html 如果某个区域挂起在包含块之外，如何防止滚动条？
我必须编写标记和CSS，这样背景图像就不会产生滚动条。仅当视口比内部内容包装更窄时，才会创建滚动条： 不适合我： 在固定布局中可能徒劳的尝试之一：Html 如果某个区域挂起在包含块之外，如何防止滚动条？,html,css,scrollbar,browser-scrollbars,Html,Css,Scrollbar,Browser Scrollbars,我必须编写标记和CSS，这样背景图像就不会产生滚动条。仅当视口比内部内容包装更窄时，才会创建滚动条： 不适合我： 在固定布局中可能徒劳的尝试之一： #background { width: auto; margin-left: -75px; margin-right: -75px; } 挂在包含块左侧的区域（由于负边距）无法通过向左滚动访问。对但右边空白处为负数会在中创建一个滚动条 狭窄视口的情况。只要viewpart比包含的块宽，如何防止滚动条 标记： <!DOCTYPE
#background {
width: auto;
margin-left: -75px;
margin-right: -75px;
}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title> </title>
<link rel="stylesheet" type="text/css" href="css/general.css" media="screen, projection"/>
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="css/general-ie.css" media="screen"/>
<![endif]-->
</head>
<body>
<div id="page">
<img id="background" src="images/visual.jpg" alt="" />
<div id="head"><h1>Page title</h1></div><!-- /#head -->
<div id="mainpart">
<ul id="zones">
<li>
<ul>
<li class="module">Modul #1</li><!-- /#module -->
</ul>
</li>
</ul><!-- /#zones -->
<hr />
</div><!-- /#mainpart -->
<div id="foot"><h1>Footer</h1></div><!-- /#foot -->
</div><!-- /#page -->
</body>
</html>
有人能给我一些好的告别吗？谢谢。要防止出现滚动条，请使用：
mySelector
{
overflow: hidden;
}
你可以在这里看到它的辉煌：。这是一篇相当古老的帖子，但对于所有的谷歌人来说： 有一些很好的答案。如果我了解你的要求 您可以使用“假主体”元素，或者在视口太小时使用断点来隐藏内容 两者都是直截了当的选择。如果“挂起”面板中的内容只有在您可以看到全部/大部分内容时才有意义，那么断点选项可以为您节省一些带宽，并可能为用户节省一些挫折感。要详细说明mediaashley暗示的“假身体”选项，这意味着将包含溢出元素的内容包装到如下元素中：
#fakeBody {
width: 100%;
min-width: 1000px; // needs to match the main content’s width
overflow: hidden;
}
宽度：100%意味着它将匹配窗口的宽度，但当窗口小于最小宽度时，其溢出：隐藏属性将切断挂起的内容。谢谢您的回答，但我想实现完全相反的效果（=无剪辑和无滚动条）。啊，在这种情况下，使用CSS选择img并使用：
width:100%；身高：100%。这应该将其保持在div的范围内。我希望img从包含块中向左和向右悬挂（无剪辑）。其次，img不能创建滚动条。仅当视口比包含的块更窄时，才应生成滚动条。就像在。哦，你所要求的是不可能的。容器元素将始终剪辑其内容
#fakeBody {
width: 100%;
min-width: 1000px; // needs to match the main content’s width
overflow: hidden;
}