Question

我有一个HTML页面。在我的15英寸笔记本电脑屏幕上，它看起来不错。但屏幕较宽的人报告说，屏幕右侧的文字正在向右倾斜。

如果我放置了视图源HTML，它将会很长。所以我发布了该页面的链接。请不要将此视为我在网站上做广告（如果有人抱怨，我会用html替换链接）。

我怀疑我需要在某些div中包装一些东西，但不确定。我用firebug看着它，似乎问题发生在谷歌广告之后，但我不确定。

非常感谢有关如何解决正确漏油问题的建议。该网站是problemio.com

谢谢，亚历

Answer 1

您需要在容器div上设置宽度或最大宽度。

对于您的网站，您有一个没有ID或类关联的div（横幅上方的div）。尝试在该div上设置width: 1200px或max-width: 1200px（或任何您想要的尺寸）

如果您希望自己的网站居中，也可以在设置宽度限制的元素上添加margin: 0 auto;。

这是您网站的当前结构：

<body>
  <div class="wrapper">  <-- make this your wrapper
    <div class="banner" .....></div>
    <div id="body_container"> .....

对于你的CSS：

.wrapper { 
width: 1200px;
margin: 0 auto;
}

Answer 2

将<body/> width或max-width：

提供给您

body {
    max-width: 800px;
}

Answer 3

为您的网站提供如下包装：

<body>
<div class="wrapper">

......... REST OF SITE HERE ..........

</div>
</body>

在包装器上定义以下内容：

.wrapper {
width: 100%;
max-width: 1140px; /* you cna change this to whatever px width you want */
margin: 0 auto; /* center */
}

这将使您的网站居中，在PX中给它一个最大宽度，让它可以拉伸到它可以达到的最大值。