Html CSS样式-页面右侧在宽屏幕上从远到右溢出
我有一个HTML页面。在我15英寸的笔记本电脑屏幕上，它看起来还不错。但屏幕较宽的人报告说，屏幕右侧的文本正在向右侧溢出 如果我放置视图源HTML，它将非常长。所以我把这个链接贴到了这个页面上。请不要认为这是我在广告站点（如果人们抱怨，我会用HTML替换链接）。 我怀疑我需要在一些div中包装一些东西，但不确定。我和firebug一起看，这个问题似乎发生在谷歌广告之后，但我不确定 对于如何修复正确泄漏的建议，我们深表感谢。 该网站是problemio.com 谢谢，Html CSS样式-页面右侧在宽屏幕上从远到右溢出,html,css,firebug,Html,Css,Firebug,我有一个HTML页面。在我15英寸的笔记本电脑屏幕上，它看起来还不错。但屏幕较宽的人报告说，屏幕右侧的文本正在向右侧溢出 如果我放置视图源HTML，它将非常长。所以我把这个链接贴到了这个页面上。请不要认为这是我在广告站点（如果人们抱怨，我会用HTML替换链接）。 我怀疑我需要在一些div中包装一些东西，但不确定。我和firebug一起看，这个问题似乎发生在谷歌广告之后，但我不确定 对于如何修复正确泄漏的建议，我们深表感谢。 该网站是problemio.com 谢谢， Alex您需要在容器div上
Alex您需要在容器div上设置宽度或最大宽度 对于您的站点，您有一个没有ID或类关联的div（就在您的横幅上方）。尝试在该div上设置
宽度：1200px最大宽度：1200px边距：0 auto在元素上也设置了宽度限制
这是您站点的当前结构：
<body>
<div class="wrapper"> <-- make this your wrapper
<div class="banner" .....></div>
<div id="body_container"> .....
您需要在容器div上设置宽度或最大宽度
对于您的站点，您有一个没有ID或类关联的div（就在您的横幅上方）。尝试在该div上设置宽度：1200px
或最大宽度：1200px
（或任意大小）
如果你想让你的站点居中，也可以添加一个边距：0 auto在元素上也设置了宽度限制
这是您站点的当前结构：
<body>
<div class="wrapper"> <-- make this your wrapper
<div class="banner" .....></div>
<div id="body_container"> .....
给你的
一个宽度
或最大宽度
：
body {
max-width: 800px;
}
给你的
一个宽度
或最大宽度
：
body {
max-width: 800px;
}
为您的站点提供如下包装：
<body>
<div class="wrapper">
......... REST OF SITE HERE ..........
</div>
</body>
这将使你的站点居中，以像素为单位给它一个最大宽度，并让它最大限度地拉伸，直到达到这个极限。给你的站点一个这样的包装：
<body>
<div class="wrapper">
......... REST OF SITE HERE ..........
</div>
</body>
这将使你的站点居中，以像素为单位给它一个最大宽度，并让它最大限度地伸展，直到达到极限。在Firefox中，你可以使用类似“X射线”的功能，对吗？应该很容易看出某些填充或边距将您的内容推到了一边。否则，试着测试一些负边距，看看是否是溢出造成的。@Allendar是的，问题是在我的屏幕上，没有页面元素被推到右边，因为我的屏幕是常规大小的，所以我不能重现这个问题。在Firefox中，你可以使用类似“X射线”的功能，对吗？应该很容易看出某些填充或边距将您的内容推到了一边。否则，试着测试一些负边距，看看是否是溢出造成的。@Allendar是的，问题是在我的屏幕上，没有页面元素被推到右边，因为我的屏幕是常规大小，所以我不能重现这个问题。在body css定义中最好使用margi:0自动代码吗？这不会有什么坏处，但我建议不要使用body元素，而是使用wrapper div。是的，同意@Michael。我不会去碰尸体标签，用包装袋。迈克尔，只是因为我好奇：为什么会这样？@LinusCaldwell没有什么技术上的理由不这样做，这更多的是我个人的偏好。它提供了对元素的更多控制，特别是对于将来的任何编辑。没有理由不添加包装器，如果将来添加了任何需要包装器的东西，那么这将是有益的，因为您已经准备好了包装器。我总是在我所有的网站中编写一个包装器，有些网站我甚至有一个外包装器和一个内包装器。在body css定义中最好有margi:0自动代码吗？这不会有什么坏处，但我建议不要使用body元素，而是使用包装器div。是的，同意@Michael。我不会去碰尸体标签，用包装袋。迈克尔，只是因为我好奇：为什么会这样？@LinusCaldwell没有什么技术上的理由不这样做，这更多的是我个人的偏好。它提供了对元素的更多控制，特别是对于将来的任何编辑。没有理由不添加包装器，如果将来添加了任何需要包装器的东西，那么这将是有益的，因为您已经准备好了包装器。我总是在我所有的网站中编写一个包装器，有些网站甚至有一个外包装器和一个内包装器。