问题标签 [full-width]

我仍然是 HTML/css 布局的新手，但我试图设置蓝色导航栏的宽度以覆盖我的所有容器/父区域。如您所见，我左右各有 100 像素？差距..我想用我的导航栏来覆盖它。你能检查我的代码并帮助我以正确的方式编写它吗？似乎相对位置不起作用。谢谢见下图

我使用 Masonry 作为布局引擎。我的基本网格项目是正方形（在本例中为 25% 宽度），而宽项目的宽度为 100%。

到现在为止零问题，但我希望宽项目不会中断项目的流动，所以没有留下那么多空白。那可能吗？

提前致谢。

这是代码：

当前布局（图片）

预期结果（图片）

更新说明：

我仍然不知道如何在 Masonry 中实现预期的结果，但是有一种纯 CSS 方法可以做到这一点：网格，将grid-auto-flow设置为dense。

正如您在图片中看到的那样，我提供的视频不是全宽的，我希望它适合容器的其余部分。谁能告诉我我做错了什么，这是图像： div 和视频的图像

编码：

HTML

CSS

我正在尝试将特色图像设为 100% 宽度，即使它的像素大小不是屏幕/主体的宽度：我在通过 get_the_post_thumbnail 调用图像时使用了“完整”变量，但我不确定是什么是实现我想要的最佳实践。

• 我可以使用一些javascript（它可以工作，但我不知道我是否喜欢它，或者它是否是正确的做法。）
• 我可以上传非常（2000/2500 像素）的大图像，让 scrset 管理较小的尺寸。但是，如果有人使用非常大的屏幕怎么办。以及图像本身的大小/质量如何（即使我知道如何处理图像压缩）。
• 我可以删除宽度和高度以及尺寸=（最大宽度：像素）图像属性。这样我可以添加一些 css 规则，让我为图像添加一些 100% 的宽度。但如果这是正确的，我现在不知道。

有什么建议吗？

谢谢

在移动设备上，这个网站不会全宽，http://jonothanbosworth.co.uk/但是它只是主页。所有其他页面都很好。

任何人都可以在这里帮忙吗

我想知道如何使背景在电子邮件中显示为全宽，即使没有文本。即使没有您可以看到的文本及其真实尺寸，我也不知道如何使它出现。我希望结果与底部的文本类似，就像页脚一样。有人知道该怎么做吗？

我在获取 bbPress 插件全宽时遇到问题 - 如果我创建一个名为“论坛”或“论坛”的新页面，并将 [bbp-forum-index] 短代码放在该页面上，并使页面设置完整宽度没有侧边栏它似乎工作。

现在，当我单击论坛类别本身时，它会使论坛转到左侧，大约占页面的 60%，而右侧保持不变，没有侧边栏。

我试过宽度；100%；在 .bbpress-forums 下，没有用。我已经尝试创建一个新的 bbPress.php 页面，其中包含全宽页面模板代码，它也不起作用。

我的问题图片； https://image.prntscr.com/image/MlelT-DGSpSlLet6tBTTkw.png

如果我的问题不清楚，或者如果我遗漏了如此简单的东西，我无法理解这一点，我深表歉意......请注意，我对代码知之甚少，但我知道一点.

如果有任何帮助，我正在使用；
bbPress v2.15.4
和 Socialize by GhostPool 为主题。

编辑：我已经成功了一半！我已将“无侧边栏”设置为默认选项......现在这就是我卡住的地方！https://image.prntscr.com/image/HONffga5SYq3DA6wi_CcxA.png

我想知道有没有办法只将博客简单模板中的页脚拉伸到全宽，而不影响其他博客元素？我读过类似的主题，但它们也是关于 wordpress 或更改其他元素的，而我的是博客平台。我尝试更改此代码：

.content-outer, .content-fauxcolumn-outer, .region-inner {min-width: auto; 最大宽度：自动；_width: $(content.width);}

我确实拉伸了页脚，还拉伸了其他博客元素。那么，有没有办法让其他元素不受影响并且只使用页脚元素进行操作？

我的博客网址是： http: //fashionsanja.blogspot.rs

提前致谢。

问候，

三亚

我为 opencart3 使用 Journal2 主题，我使用第二个主题为我的网站进行自定义。但是我发现它无法将标题更改为全角，如何修改它以使其全角？

我正在为我的首页尝试新设计 - http://www.rosstheexplorer.com/front-page-test/

我已经设置了它，所以谷歌不会索引这个页面。

我将模板设置为全宽，无边栏，这导致插件被隐藏但文本和图片仍然没有覆盖整个页面。我该如何解决这个问题？

这是我的 fullwidth-page.php 代码