gpt4 book ai didi

html - CSS 样式 - 页面右侧在宽屏幕上向右溢出很远

转载 作者:太空宇宙 更新时间:2023-11-04 00:03:56 24 4
gpt4 key购买 nike

我有一个 HTML 页面。在我的 15 英寸笔记本电脑屏幕上,它看起来不错。但是屏幕较宽的人报告说屏幕右侧的文本向右溢出很远。

如果我放置查看源代码的 HTML,它会很长。所以我发布了该页面的链接。请不要认为这是我在为网站做广告(如果有人投诉,我会将链接替换为 html)。

我怀疑我需要在一些 div 中包装一些东西,但不确定。我正在用 Firebug 查看它,问题似乎是在 Google 广告之后发生的,但我不确定。

非常感谢有关如何修复右溢出的建议。该站点是 problemio.com

谢谢,亚历克斯

最佳答案

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

对于您的站点,您有一个没有关联 ID 或类的 div(就在横幅上方)。尝试在该 div 上设置 width: 1200pxmax-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;
}

关于html - CSS 样式 - 页面右侧在宽屏幕上向右溢出很远,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15577230/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com