css - 如何调整 Wordpress Twentyeleven 主题,使页面宽度为 100% 并居中?

标签 css wordpress width

我正在尝试调整我的 Wordpress 主题,并且我创建了一个基于 twentyeleven 的子主题。我现在的主要问题是宽度。

请看一下我仅使用 HTML 和 CSS 创建的实时示例。这就是我想让我的 wordpress 主题看起来像的东西: http://danapaigetrentlage.com/cfsa-comps/lff-profilepage.html

我希望页面宽度为 100%,以便天空背景和白色环绕从页面水平溢出,但我还希望内容在页面内居中。

您可以通过查看我的 wordpress 网站来了解我已经朝着这个目标走了多远: http://danapaigetrentlage.com/cfsa-test/

您可以看到页面宽度超过 1000px(主题的默认宽度),但仍然不是全宽,并且有一个水平滚动条,而不是内容只是居中。

我只是不确定我在这里做错了什么。有什么想法吗?

谢谢, 达娜

最佳答案

看起来这只是将 body 的 padding 设置为 0 的情况。

body {
    padding: 0;
}

关于css - 如何调整 Wordpress Twentyeleven 主题,使页面宽度为 100% 并居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10389965/

相关文章:

google-chrome - 为什么我的 Google Chrome 扩展程序的弹出 UI 在外接显示器上滞后,而在笔记本电脑的 native 屏幕上却没有?

jquery - 如何覆盖 JQuery UI 样式?

html - 带有 css 边框半径的卡片堆叠效果不起作用

c# - 添加具有多个属性的产品变体

javascript - 使用 javascript 或 jQuery 将 <a> 标签分配给 div

python - ttk.Separator 设置长/宽

html - DIV 位置因内容长度而异

android - 在 flutter 中解析来自 WordPress 自定义帖子类型的 JSON 数据

html-table - Pandoc 创建了一个宽度为 33% 的表格,为什么?

javascript - 通过 .html() 克隆 html 代码时,CSS 宽度不适用