php - 一般如何借助CSS来扩大网站的宽度？

Question

假设我是 a certain website 的管理员.

我正在使用最新版本的 Wordpress，我的主题是名为“二十十四”的主题的子主题。我正在使用 Mozilla Firebug 检查我要编辑的元素。

页面没有全宽显示，还有一些未使用的空间(在右侧可见)。我想扩大页面。这个怎么做？我有一个全宽模板，将所有页面设置为此但不起作用。

我正在寻找 CSS 解决方案(以编辑我的子主题的 style.css)。

如果有人能帮助我，我将不胜感激。 :)

Answer 1

所以你想要一个全宽页面？

我有一些建议给你:

<强>1。使用像 Bootstrap 这样的 CSS 框架

Bootstrap 可以让您毫无问题地制作全宽页面。最重要的是，它将使您的网站响应迅速。 Read more... .

<强>2。使用你自己的 CSS

您需要让您的 body 充分利用所有空间。你不能只使用

body
width: 100%;
height: 100;
}

这将使 body 占据 child 需要的空间。 body 总是有一些边距和填充。所以你也需要摆脱它。

body {
margin: 0;
padding: 0;
}

CSS 中的最后一步是为所有 4 个边设置固定位置并使位置相对:

body{
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

所以你的最终 CSS 应该是这样的:

body{
  position: relative;
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

我建议您使用一个框架，它可以让您的工作流程更加轻松。

问候，巨人